Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Bootstrap3: what is standard Structure and Layout?

There is a lot of tutorial about bootstrap elements.

But I want to know where I must use nav/header/container/row/well/panel/section

for example..Do it needs use row for column 12?

1- currently I do it this way:

<body>
<div class="container-fluid"> /*only for top navbar*/
    <nav>  
</div>

<div class="container"> /* for body */
    <header></header>

    <main class="row">
        <div class="col-md-2"></div>
        <div class="col-md-5"></div>
        <div class="col-md-5"></div>
   </main>

   <footer class="row">
        <div class="col-md-4"></div>
        <div class="col-md-4"></div>
        <div class="col-md-4"></div>
   </footer>
</div>

</body>

Is it true?

2- Is this format true or necessary?

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

3- which one is standard?

<div class ="well">
    <div class="row"> <div class="col-md-*"></div> </div>
</div>

or

<div class ="row">
    <div class="well"> <div class="col-md-*"></div>  </div>
</div>

4- dose it need use "container" class for all section or only for parent section?

like image 526
elize Avatar asked Nov 09 '22 17:11

elize


1 Answers

for 1:- yes it's a correct method. whenever you want to use bootstrap column classes like col-xs-12 in their first parent you must put class " row ".

for 2:- this is true. method also accessory.

for 3:- first option is correct.

for 4:- depends of need of page design. if all site are in same container with then you can put it in parent class.

like image 128
Yashpal Sindhav Avatar answered Nov 15 '22 06:11

Yashpal Sindhav