我正在使用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也会使用单个类声明样式。