我正在使用Bootstrap 3建立我的个人网站,并且一直在寻找一种方法来执行以下操作:

我想为布局中的特定行分配唯一的装订线宽度。

网站的其余部分将利用底层的装订线宽度。
可能吗?任何帮助将非常感激。在此先感谢/ Trev

最佳答案

是。在您要编辑的行中添加一个唯一的CSS类,例如my-personalized-row。然后在CSS中为此添加一个部分,如下所示:

.my-personalized-row {
    margin-bottom: 5px !important; //If you want 5px of gutter width.
}


现在,放在两个大括号之间的任何内容都将仅应用于此行,而站点的其余部分将使用基础装订线宽度。

更新:

我添加了样式规则,将特定行的装订线宽度减小到5px。 !important是为了确保特异性规则不会干扰您的声明。请注意,使用!important不是强制性的,因为Bootstrap也会使用单个类声明样式。

10-02 19:01