美文网首页
2018-04-20 bootstrap 栅格布局

2018-04-20 bootstrap 栅格布局

作者: 最完美的 | 来源:发表于2018-04-20 09:20 被阅读0次

要点一:容器、行与列

<div class="container">

           <div class="row">

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

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

            </div>

 </div> 

screen设置

@media(min-width:768px){

  .container {width:750px;}}

@media(min-width:992px){

  .container {width:970px;}}

@media(min-width:1200px){

  .container {width:1170px;}}

相关文章

网友评论

      本文标题:2018-04-20 bootstrap 栅格布局

      本文链接:https://www.haomeiwen.com/subject/kltakftx.html