美文网首页
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