Bootstrap Grid mit HTML5 Abschnitte und Beiseite

Ich benutze das Bootstrap 4 Grid-System, und will eine Seite auf der rechten Seite des Bildschirms schweben.Bootstrap Grid mit HTML5 Abschnitte und Beiseite

Derzeit mein MAIN Inhalt wird in col-XL-3 ich die ASIDE auch col-XL-3, aber ich will es will gewickelt verwenden, um die Höhe der Seite auszuführen, Nicht nur die Höhe der Reihe, in der sie sich befindet, sondern auch die Höhe der Reihe ...

Wie Sie aus dem Bild sehen können, drückt meine Seite die obere Reihe höher als die untere. .

Alles, was ich Code-weise getan habe, ist dies;

section.body article, section.body aside { float: left; clear: both; }

Jede Hilfe würde sehr geschätzt werden.

Quelle

2016-03-22 Takuhii

Ich habe "Col-Sm" verwendet, aber das Prinzip ist immer noch das gleiche. Es dreht sich alles um die Verschachtelung.

Zeigen Sie in der vollen Seite an, um Spalten zu sehen.

<html> 
 
<head> 
 
<script src="https://code.jquery.com/jquery.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width"> 
 
</head> 
 
<body> 
 
    <div class="container" role="main"> 
 
     <div class="row"> 
 
      <div class="col-sm-8"> 
 
       <div class="row"> 
 
        <div class="col-sm-4">1</div> 
 
        <div class="col-sm-4">2</div> 
 
        <div class="col-sm-4">3</div> 
 
        <div class="col-sm-4">4</div> 
 
        <div class="col-sm-4">5</div> 
 
        <div class="col-sm-4">6</div> 
 
       </div> 
 
      </div> 
 
     <div class="col-sm-4"> 
 
      <div class="row">Nav</div> 
 
      <div class="row">Nav</div> 
 
      <div class="row">Nav</div> 
 
      <div class="row">Nav</div> 
 
      <div class="row">Nav</div> 
 
     </div> 
 
     </div> 
 
    </div> 
 
</body> 
 
</html>

Quelle

2016-03-22 18:48:25 AKosarek

Sie richtig mate sind, dachte ich, es könnte einige clevere Art und Weise, dies zu tun, als Schopf aus dem Sumpf Grid System ziemlich clever ist, aber ich muss einfach besser mein Layout ist planen: / – Takuhii

Bootstrap Grid mit HTML5 Abschnitte und Beiseite

Antwort

Verwandte Themen