Bootstrap Grille avec HTML5 et Sections de Côté

Je suis en utilisant le Bootstrap 4 système de grille, et voulez faire flotter un côté vers le bas du côté droit de l'écran.

Actuellement mon PRINCIPAL contenu est enveloppé dans col-xl-3, je veux le de CÔTÉ également l'utilisation du col-xl-3, mais je le veux pour exécuter la hauteur de la page, pas juste à la hauteur de la ligne qu'il est, tel qu'il est actuellement en poussant la hauteur de la ligne...

Comme vous pouvez le voir sur l'image, de mon côté est de pousser la ligne du haut, plus haut que le bas...

Bootstrap Grille avec HTML5 et Sections de Côté

Tout ce que j'ai fait le code sage est présent;

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

Toute aide serait grandement appréciée.

InformationsquelleAutor Takuhii | 2016-03-22
  1. 4

    J'ai utilisé "col-sm", mais le principe est toujours le même. Il est tout au sujet de la nidification.

    Afficher en pleine page pour afficher les colonnes.

    HTML:

    <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>

    • Vous avez raison l'ami, j'ai pensé qu'il pourrait être une façon intelligente de le faire, que s'Amorce le système de Grille est assez intelligent, mais j'ai juste besoin de plan de ma mise en page est mieux :/
    InformationsquelleAutor AKosarek