Bootstrap - при использовании строк - PullRequest
Новая
       14

Bootstrap - при использовании строк

0 голосов
/ 03 июля 2018

Я мог бы сделать 

<div class="row">
<div class="col-md-12"><h1>Title</h1></div>
</div>

<div class="row">
<div class="col-md-6">content</div>
<div class="col-md-6">content</div>
</div>

<div class="row">
<div class="col-md-12">content</div>
</div>

<div class="row">
<div class="col-md-12"><p>Some Text</p></div>
</div>

...

или 

<div class="row">
<h1>Title</h1>
<div class="col-md-6">content</div>
<div class="col-md-6">content</div>
<div class="col-md-12">content</div>
<p>Some Text</p>
</div>

Это приведет к тому же результату. Когда мне нужно использовать строки? Это просто "некрасиво" или по какой-то причине неправильно и не рекомендуется?

1 Ответ

0 голосов
/ 03 июля 2018

Вам просто нужно row div вокруг столбцов col-6. Все остальные элементы (например, h1) будут иметь полную ширину (если они находятся за пределами row div), поэтому нет необходимости в col-md-12 div. 

<h1>Title</h1>
<div class="row">
  <div class="col-md-6">content</div>
  <div class="col-md-6">content</div>
</div>
<div>content</div>
<p>Some Text</p>
...