Bootstrap框架

 

 

 

Bootstrap框架

 

用bootstrap框架，页面主体要放在.container里面，如：<div class="container">

 Bootstrap栅格范例：

1.每一行均分成12列

2.每一个标签可以自定义占的列数，具体参数详见Bootstrap中文官网。通常电脑用md，手机用xs

<div class="container">
    <div class="row">
        <div class="col-md-1 col-xs-4">占1列</div>    <!--pc端md布局 移动端xs布局-->
        <div class="col-md-10 col-xs-4">占10列</div>
        <div class="col-md-1 col-xs-4">又占1列</div>
    </div>
    <div class="row">行二</div>
    <div class="row">行三</div>
</div>