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 中按钮的背景颜色