bootstrap读书笔记---未完待续

1、Bootstrap网格布局,12列,940像素宽,每一列60px宽,间距是20px宽。不支持响应式布局。在加载了响应式的CSS的文件后,网格布局会根据视口(viewpoint)宽度在724~1170像素之间伸缩。viewpoint<767px的时候,说明是平版电脑,或更小的设备,布局中的列会垂直堆叠起来。默认宽度下,。每列宽60px,且向左平移20px.
展示12列的情况

2.布局时,给作为行的<div>添加 .row类。给作为列的<div>添加表示横跨多少列的 .span*类即可。所有的*加起来等于12。

<div class="row">
<div class="span8">...</div>
<div class="span4">...</div>
</div>

3.平移列,使用.offset*来向右平移。

<div class="row">
<div class="span2">...</div>
<div class="span7 offset2">...</div>
</div>

4.嵌套列。要嵌

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值