css 使用Twitter Bootstrap进行5列布局
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 使用Twitter Bootstrap进行5列布局相关的知识,希望对你有一定的参考价值。
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.col-xs-15 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}
<div class="row">
<div class="col-md-15 col-xs-3">
...
</div>
</div>
以上是关于css 使用Twitter Bootstrap进行5列布局的主要内容,如果未能解决你的问题,请参考以下文章
从 Grails Twitter-Bootstrap 插件覆盖 CSS
在 CSS 中使用 Twitter Bootstrap 字形图标
使用 Bootstrap 3 在 Twitter Typeahead 上的 CSS 问题
Twitter Bootstrap 在 CSS 中使用星号宽度属性
视频分享Twitter前端CSS框架Bootstrap视频教程
使用 CSS 更改 Twitter Bootstrap 中按钮的背景颜色