如何在Bootstrap中更改装订线

时间:2015-11-09 02:08:54

标签: html css twitter-bootstrap-3

enter image description here

我需要知道,如何更改引导程序中的装订线,但仅限于库部分,而不是所有布局。

1 个答案:

答案 0 :(得分:0)

根据您的设置,如果您能够,我会设置一个“库”的正文类,或者,如果不可能,请将您的图库包装在带有唯一标识符的section / div中。

假设您将其称为“我的画廊”。然后你可以覆盖这样的引导样式:

<强> HTML

<div class="my-galery">
    <div class="container">
        <div class="row">
           <div class="col-xs-12">Content</div>
        </div>
    </div>
</div>

<强> CSS

.my-gallery .col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;  // adjust this value
    padding-right: 15px; // adjust this value
}

只需将.col-xs-12更改为您正在使用的网格。 .col-md-4(例如)