Question

我尝试将自定义css属性用于我想删除底部填充的引导行。但这根本没有效果。为了使其有效，我需要更改什么？

<!-- Begin .row -->
<div class="row row-no-padding" style="background-color: #CCC; padding-bottom: 0!important">
    <div class="col-lg-12">
        <button type="button" class="btn_submit_quick_search btn_submit_search pull-right" style="margin-bottom: 20px;" data-toggle="collapse" data-target="#collapseOne">read more</button>
    </div>
</div>
<!-- End .row -->

Answer 1

这是你的解决方案......

        <style type="text/css">
            .row-no-padding,.row-no-padding div,.row-no-padding div button{
                padding: 0 !important;
            }
        </style>

        <div class="row row-no-padding" style="background-color: #CCC; padding-bottom: 0 !important">
            <div class="col-lg-12">
                <button type="button" class="btn_submit_quick_search btn_submit_search pull-right" style="margin-bottom: 0px;" data-toggle="collapse" data-target="#collapseOne">read more</button>
            </div>
        </div>

替换此代码

Answer 2

这就是bootstrap.css的.row风格：

.row {
  margin-right: -15px;
  margin-left: -15px;
}

您可以看到没有边距底部或填充底部。但是你已经为你的按钮设置了一个保证金底部......;）

<button class="btn_submit_quick_search btn_submit_search pull-right" style="margin-bottom: 20px;" type="button" data-target="#collapseOne" data-toggle="collapse">read more</button>

删除style =“margin-bottom：20px;”而且“你的行内”将没有更多的保证金

工作解决方案：http://www.bootply.com/20TUhhuUcG

更改bootstrap行填充

2 个答案: