twitter-bootstrap – 轻松查看Bootstrap网格的方法？

发布时间：2020-12-18 00:15:15 所属栏目：安全来源：网络整理

导读：我正在使用Bootstrap播放一个简单的HTML页面，我希望有一种可视化列的方式，例如在“实际内容”下面看到他们的实际内容，例如像 Frameless这样的一样。有没有获得该功能的方法很简单？解决方法您可以使用一些CSS与背景来查看网格： [class*="span"] { back

我正在使用Bootstrap播放一个简单的HTML页面，我希望有一种可视化列的方式，例如在“实际内容”下面看到他们的实际内容，例如像 Frameless这样的一样。有没有获得该功能的方法很简单？

解决方法

您可以使用一些CSS与背景来查看网格：

[class*="span"] { background: #EEF; }
[class*="span"] [class*="span"] { background: #FEE; }

Demo 1 (jsfiddle)

根据Pavlo的建议，您还可以使用半透明的颜色，这将根据嵌套(rgba browser support)给您不同的色调：

[class^="span"] { background-color: rgba(255,0.3); }

Demo 2 (jsfiddle)

网格中的任何元素也同样如此。

注意：* =或^ =之间的选择在这种情况下并不重要，有关更多信息，请参阅this (w3.org)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!