为了账号安全,请及时绑定邮箱和手机立即绑定

bootstrap3栅格怎么画5列

bootstrap3栅格怎么画5列

慕哥9229398 2019-02-11 08:20:20
bootstrap3栅格怎么画5列
查看完整描述

1 回答

?
婷婷同学_

TA贡献1844条经验 获得超8个赞

bootstrap里面没有设定5列的,他是把一行分成12个等分的栅格,然后col-xs-1就是1个栅格单位,所以宽度就是1/12。col-xs-3就是3个栅格单位,宽度就是3/12=25%,每行能放4个,刚好100%。根据这个原理,想分成5列也很好办,可以直接用col-xs-3,然后在CSS里加一行代码
.col-xs-3 { width:20%;} 等于重新定义了栅格宽度,这样每行刚好5个。
提示下:这样定义的话,整个页面的.col-xs-3都是20%的宽度了,而不是bs默认定义的25%。
所以最好办法是在每列的DIV上再加一个class,定义这个class的宽度为20%,完美解决

查看完整回答
反对 回复 2019-02-15
  • 1 回答
  • 0 关注
  • 573 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信