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

bootstrap栅格怎么格5个格出来

bootstrap栅格怎么格5个格出来

海绵宝宝撒 2019-06-29 20:19:17
bootstrap栅格怎么格5个格出来
查看完整描述

3 回答

?
繁花如伊

TA贡献2012条经验 获得超12个赞

bootstrap 栅格单位为 、1/12 整数倍 平均 3 4 6 等分都是没有问题的,但是五等分是有些困难的。



查看完整回答
反对 回复 2019-06-30
?
慕沐林林

TA贡献2016条经验 获得超9个赞

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-06-30
  • 3 回答
  • 0 关注
  • 939 浏览

添加回答

举报

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