bootstrap3教程之bootstrap显示5列的方法


bootstrap是个好东西,对于CSS不是很熟悉的同学可以用它快速的做个不丑的网站。

但是bootstrap是个12栅格的系统,显示5列比较麻烦,今天我也刚好有这个需求,就稍微研究了下,并且成功了。具体的做法是:

在 head  里加载 bootstrap 的 css <link href="http://cdn.staticfile.org/twitter-bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"> 之后

自己再添加几个 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>

后需要显示 5 列的地方应用这个 class 即可



相关阅读:
php支付宝接口用法分析
CSS教程 彻底掌握Z-index属性
php输入流php://input使用示例(php发送图片流到服务器)
Android中Activity常用功能设置小结(包括全屏、横竖屏等)
ajax调用简单实例
JavaScript控制网页平滑滚动到指定元素位置的方法
jQuery使用中可能被XSS攻击的一些危险环节提醒
自定义min版smarty模板引擎MinSmarty.class.php文件及用法
json格式的javascript对象用法分析
jquery如何根据值设置默认的选中项
html文档中的location对象属性理解及常见的用法
JSP获取服务器时间以倒计时的形式在页面显示
绝对定位元素被遮挡的解决方法
深入探讨Java多线程中的volatile变量
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 2013年企业经理就职演讲稿范文 民盼我应有感 摘草莓,真带劲儿! 伤了心,痛了情,从此拒绝再爱 骂人经典语句带脏字 骂人经典语句心情 知足,就是幸福(文/兵兰) 母亲,我爱你作文 捧一卷经书,温一叠记忆 未来是什么 优美的语录短语被爱则是我们能收到最好的礼物 经典伤感句子(双语版) 姑娘,要勇敢 小学六年级作文1200字:猫的女儿 我的故乡作文1200字 建设局文明施工监管工作通知 小品:杏林绝唱 小学四年级作文400字:小蚂蚁力量大 山东聊城90后女孩微信卖葡萄,诠释种植创业的互联网 军训感言:军训让我明白了成长 夏日微醺 过完年工作问候语句子 夸夸他 爱情散文:你说过,我信过 辞职理由 优雅的谢幕,感谢自己的认真付出 坚强的奶奶作文450字 《助学,筑梦,铸人》 初中思品中考研讨会回顾及个人讲话稿 彼岸,年华,不等待 哪些话让你心碎? 责任的背后要坚强 醉了、爱了、散了 怎么活着 心情记叙 奉献与享受作文 童年有趣的事800字 初中初二作文750字:最好的奖赏 邪不压正作文650字 生死法门 择路 爱的表现只有一个:就想和你在一起 小花圃 幼儿园2012年秋小二班德育工作总结 心中的翅膀作文800字 竞选小组长的发言稿 食品安全法自查报告 小瓶盖工作室:一个90后理工男的创意文学梦 年华的枝桠,开满忧伤之花(古)作文3000字 论干部经济责任审计探讨 七言、《晓风残月》

Copyright © 2016 phpStudy |