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

bootstrap3栅格怎么画5列

/ 猿问

bootstrap3栅格怎么画5列

红颜莎娜 2018-12-31 00:00:43

bootstrap3栅格怎么画5列


查看完整描述

1 回答

?
摇曳的蔷薇

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-01-03

添加回答

回复

举报

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