在Bootstrap 3中显示网格(列和排水沟)?

时间:2014-01-23 23:43:30

标签: css less twitter-bootstrap-3

我已经看过这次,但是对于旧版本的Bootstrap。

寻找一种简单的方法来突出网格 - 列和排水沟。

这是我到目前为止所发现的:

https://gist.github.com/procload/1988163 - 使用@function

返回错误

https://github.com/ricardovf/bogrid - Ctrl-G仍会显示查找

http://alefeuvre.github.io/foundation-grid-displayer/ - 工作类型,以全宽显示列,但不显示更窄的列。

Easy way to see the Bootstrap grid? - 适用于Bootstrap 2.3,不适用于3.然而,它只显示组合列,而不是组合列中的每个单独列。 (编者)

[编辑]理想情况下,列叠加层会显示此页面上的示例所显示的所有列:http://getbootstrap.com/examples/grid/

对任何想法持开放态度,谢谢!

2 个答案:

答案 0 :(得分:1)

我更改了最后一个示例的HTML / css,得到了一些结果,

[class*="col"]:hover { background: #000; }
[class*="col"] [class*="col"]:hover { background: red; }

样本:http://jsfiddle.net/xFq47/

是你在寻找什么?

答案 1 :(得分:1)

使用此选项突出显示网格列:

.row [class*='col-'] {
      background-color: #ffeeee;
      background-clip: content-box;
}

http://www.codeply.com/go/pejyqLlrBF