Bootstrap 3中显示网格（列和排水沟）？

我已经看到过这几次，但对于老版本的Bootstrap。Bootstrap 3中显示网格（列和排水沟）？

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

这是我迄今发现：

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? - Works for Bootstrap 2.3不适用于3.但它只会显示组合列，而不是组合列中的每个单独列。（编者）

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

开放的任何想法，谢谢！

来源

2014-01-23 Gisto

我改变了最后一个例子的HTML/CSS，我也得到了一些成绩，

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

DEMO：http://jsfiddle.net/xFq47/

是什么找你找谁？

来源

2014-01-24 00:00:06 Yoann

谢谢！这是正确的轨道（并感谢这些变化 - 我看到我做错了什么）。问题在于，如果示例中有6列的跨度（在BS 3中可能是col-md-6，而其他人在jsfiddle中寻找解决方案而不是span6），则会有一个突出显示整个6列的跨度的背景。我想看看他们之间的6列和水沟。 – Gisto

对不起，我看不到演示，我只是从代码中猜出来的。为了确保我们谈论的是同样的事情，在BS3上：屏幕被分割成12列，所以col - * - 6意味着屏幕的50％。中间键（lg，md，sm，xs）告诉你在哪一刻你想让你的块进行内联（不浮动），作为响应功能。我不知道你的意思是水槽填充物？保证金？ – Yoann

@Gutter - 对不起，列填充如果可能的话。在查看列的方面，我希望看到这六列叠加在列上 - * - 6。 – Gisto

使用此突出网格列：

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

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

来源

2016-07-05 20:38:18 ZimSystem

[class * =“col”] {background-color：rgba（0,85,142,0.2）; border：1px solid rgba（0,85,142,1）; padding：15px;} [class * =“col”]：hover {background-color：rgba（194,57,142,0.2）; border：1px solid rgba（194,57,142,1）;} [class * =“col”] [class * =“col”]：hover {background-color：rgba（194,57,142,0.2）; border：1px solid rgba（194,57,142,1）;} – MarcoZen

上面的评论（来自@Yuann）是迄今为止我见过的最好的!!!! – MarcoZen

Bootstrap 3中显示网格（列和排水沟）？

回答

相关问题