引导块的精确宽度

时间:2014-07-29 14:28:49

标签: css twitter-bootstrap-3

需要你的帮助。

有没有办法为bootstrap 3中的块(列)设置精确的宽度? 例如:我需要一列说col-md-3 - 其宽度应为22%。我的意思是,如何实现更高的精度?

谢谢!

2 个答案:

答案 0 :(得分:0)

将您的css代码更改为

(我猜col-md-3是一个班级)

.col-md-3{
    width:22%;
    display:block;
}

检查DEMO

的小提琴

答案 1 :(得分:0)

在每个断点处都有一组列类。 col-md列位于默认的最小宽度:992个媒体查询中。这些列必须添加最多12个格式才能在.container的宽度上进行格式化。您可以更改特定列的宽度,但是旁边的列也必须调整为100%。此外,当您更改宽度时,您无法使用推拉和偏移而不会弄乱它们。一切都在一起工作。我只是制作自己的CSS而不是使用bootstrap类。

 @media (min-width:992px) {

      .my-row .col-md-3 {width:22%}
      .my-row .col-md-4 {width:39%}

    }

DEMO:http://jsbin.com/husebu/1/edit