首页 > 其他 > 详细

bootstrap3显示5列的方法

时间:2015-11-19 12:47:57      阅读:287      评论:0      收藏:0      [点我收藏+]

bootstrap是个12栅格的系统,显示5列比较麻烦,今天用到到网上找了找方法,尝试成功,记录一下,以后好用。

需要自己再添加几个 css class样式:

<style>
.col-lg-2dot4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 1200px) {
.col-lg-2dot4 {
float: left;
}
.col-lg-2dot4 {
width: 20%;
}
.col-lg-pull-2dot4 {
right: 20%;
}
.col-lg-push-2dot4 {
left: 20%;
}
.col-lg-offset-2dot4 {
margin-left: 20%;
}
}
</style>

在需要的地方加上 class="col-lg-2dot4";即可,应经证实是可以的。

bootstrap3显示5列的方法

原文:http://www.cnblogs.com/suncj/p/4977170.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!