Bootstrap 3 make-column mixins问题:禁用排水沟

时间:2015-02-13 13:10:08

标签: twitter-bootstrap sass

当我使用少量mixins make - * - 列为一个类(使其响应)时,一个装订线(padding-left:默认为15px)消失了。如果只使用一个mixin,那么一切都很好。

示例:

contacts_info{
    @include make-xs-column(12);
    @include make-sm-column-offset(1);
    @include make-sm-column(10);
    @include make-md-column-offset(3);
    @include make-md-column(6);
    text-align: center;
    color: #fff;
    text-transform: uppercase;}

输出css(显示宽度为320px):

.contacts_info {
color: #fff;
float: left;
min-height: 1px;
padding-right: 15px;
text-align: center;
text-transform: uppercase;
width: 100%;}

如果我只使用一个mixin,我会得到正确的css

.contacts_info {
color: #fff;
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
text-align: center;
text-transform: uppercase;
width: 100%;}

当然我可以通过在我的scss中添加padding-left手动修复它,但我想要一些聪明的方法

0 个答案:

没有答案