0

Я использую систему сетки Bootstrap 4, и хочу, чтобы плавать в стороне вниз по правой стороне экрана.Bootstrap Сетка с HTML5 разделами и Помимо

В настоящее время мой MAIN содержание заворачивают в цв-х-3, я хочу ASIDE также использовать цв-х-3, но я хочу, чтобы запустить высоту страницы, а не только высоту ряда, в котором он находится, поскольку он в настоящий момент нажимает высоту строки ...

Как вы можете видеть из изображения, мой в сторону выдвигает верхний ряд выше дна. .

enter image description here

Все, что я сделал, это мудрый код;

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

Любая помощь была бы принята с благодарностью.

ответ

3

Я использовал «col-sm», но принцип все тот же. Это все о гнезде.

Просмотреть полную страницу, чтобы увидеть столбцы.

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

+0

Вы правильно дружище, я думал, что может быть какой-то умный способ сделать это, как система бутстрэпами Сетка очень умный, но мне просто нужно планировать мой компоновщика лучше: / – Takuhii

 Смежные вопросы

  • Нет связанных вопросов^_^