Bootstrap的样式问题 两边的空白如何处理

Question

如何能将两边的空白处理掉

<div class="container-fluid ">
    <div class="row-fluid row">
        <div class="col-md-12 " style="background-color:  #00B7EE;">
            123123123
        </div>
    </div>
    <div class="row-fluid row">
        <div class="col-md-2" style="background-color:  #218838;">
            
            
        </div>
        <div class="col-md-10 " >
                <div id="map" class=""></div>
        </div>
    </div>
</div>

Answer 1

col-md-* 默认有一个样式：padding:0 15px; 去掉这个padding就可以了

可以自己写一个class

.clear-padding{
    padding:0;
}
.clear-padding-row{
    padding-left:0;
    padding-right:0;
}
.clear-padding-col{
    padding-top:0;
    padding-bottom:0;
}

在需要的地方加上去即可