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
Post a Comment