Bootstrap Inhalt gleitet unter Sidebar

Image with problem Bootstrap Inhalt gleitet unter Sidebar

Meine Seite Inhalt gleitet unter meinem Sidebar Menü, wenn der Inhalt mehr als die Sidebar ist.

Ich bin mit so etwas wie:

<div class="container"> 
    <div class="row"> 
     <div class="col-md-2"> // Sidebar 
     <div class="col-md-10"> 
     <div class="col-md-10"> 
     <div class="col-md-10"> 
     <div class="col-md-10">

Pull-rechts auf kleineren Bildschirmen es komisch macht.

Wie kann ich dieses Problem lösen?

EDIT:

ich es wie folgt festgelegt:

col-xs-12 col-md-10 pull-right

Hoffnung, die richtige ist.

Quelle

2017-05-25 Macdows

Sie sollten Nest Ihre Zeilen und Spalten:

<div class="container-fluid"> 
    <div class="row"> 

    <!-- Sidebar --> 
    <div class="col-md-2">Sidebar</div> 

    <!-- Page content --> 
    <div class="col-md-10"> 
     <div class="container-fluid"> 
     <div class="row"> 
      <!-- Your page content here --> 
     </div> 
     </div> 
    </div> 

    </div> 
</div>

Quelle

2017-05-25 14:49:49

Dank Damien, ich bin Ihre Lösung nach, aber ich hatte col-10 umbenannt col-MD-10 für sie zu arbeiten. Verwenden von Standard-Laravel 5.4 gebündeltem Bootstrap. – Macdows

Sie haben recht, ich denke, Sie verwenden Bootstrap 3. Ich habe Bootstrap 4 Notation verwendet. Ich habe es gerade bearbeitet. –

Bootstrap Inhalt gleitet unter Sidebar

Antwort

Verwandte Themen