css - Bootstrap more then 12 units -


sometimes works perfect, have big problems following ..

can write this?

<div class="container">    <div class="row">       <div class="col-md-4">          testing ...       </div>        <div class="col-md-4">          testing ...       </div>        <div class="col-md-4">          testing ...       </div>        <div class="col-md-4">          testing ...       </div>    </div> </div> 

or have seperate each "row"?

<div class="container">        <div class="row">           <div class="col-md-4">              testing ...           </div>            <div class="col-md-4">              testing ...           </div>            <div class="col-md-4">              testing ...           </div>        </div>     </div>     <div class="container">        <div class="row">           <div class="col-md-4">              testing ...           </div>        </div>     </div> 

in current project floating issn't correct last column doesnt have right margin..

either can use smaller units instead of larger ones, i.e., .col-md-3 instead of .col-md-6 or use fluid layout.

@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css");
<div class="container-fluid">    <div class="row-fluid">      <div class="container-fluid">        <div class="col-md-4">          <div class="row-fluid">            <div class="container-fluid">              <div class="col-md-4">                <div class="row-fluid">                  <div class="container-fluid">                    col                  </div>                </div>              </div>              <div class="col-md-4">                <div class="row-fluid">                  <div class="container-fluid">                    col                  </div>                </div>              </div>              <div class="col-md-4">                <div class="row-fluid">                  <div class="container-fluid">                    col                  </div>                </div>              </div>            </div>          </div>        </div>        <div class="col-md-4">          <div class="row-fluid">            <div class="container-fluid">              <div class="col-md-4">                <div class="row-fluid">                  <div class="container-fluid">                    col                  </div>                </div>              </div>              <div class="col-md-4">                <div class="row-fluid">                  <div class="container-fluid">                    col                  </div>                </div>              </div>              <div class="col-md-4">                <div class="row-fluid">                  <div class="container-fluid">                    col                  </div>                </div>              </div>            </div>          </div>        </div>        <div class="col-md-4">          <div class="row-fluid">            <div class="container-fluid">              <div class="col-md-4">                <div class="row-fluid">                  <div class="container-fluid">                    col                  </div>                </div>              </div>              <div class="col-md-4">                <div class="row-fluid">                  <div class="container-fluid">                    col                  </div>                </div>              </div>              <div class="col-md-4">                <div class="row-fluid">                  <div class="container-fluid">                    col                  </div>                </div>              </div>              <div class="col-md-4">                <div class="row-fluid">                  <div class="container-fluid">                    col                  </div>                </div>              </div>            </div>          </div>        </div>      </div>    </div>  </div>


Comments

Popular posts from this blog

javascript - Google App Script ContentService downloadAsFile not working -

javascript - Function overwritting -

php - Find a regex to take part of Email -