在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ bootstrap柵格怎么去掉右邊的border

bootstrap柵格怎么去掉右邊的border

請教個問題，因為bootstrap的柵格是自適應的，比如下面這段：

<div class="row">
    <div class="col-sm-3 col-xs-6 utop">
        <div class="utop-row">1</div>
    </div>
    <div class="col-sm-3 col-xs-6 utop">
        <div class="utop-row">2</div>
    </div>
    <div class="col-sm-3 col-xs-6 utop">
        <div class="utop-row">3</div>
    </div>
    <div class="col-sm-3 col-xs-6 utop">
        <div class="utop-row">4</div>
    </div>
</div>

會隨著屏幕尺寸，一行4列變成一行2列

我需要去掉每行最后一列的border-right: 1px solid #ddd;

請問怎么做？

回答
編輯回答
神曲

臨時變的話，可以直接加style屬性，或者給相應的結構上加id，因為id比class的級別高，所以會覆蓋掉class里出現(xiàn)的相應屬性，或者也可以按這個思路使用相應的組合選擇器去命中。一般不建議直接改bootstrap的原始樣式，除非你明確的知道自己在做什么~

2017年3月10日 05:00
編輯回答
枕頭人

你添加一個類名，border-right: 0px solid #ddd！important;直接強制去掉就可以了

2017年11月9日 10:33
編輯回答
她愚我

根據(jù)class和結構，在兩種布局下，給要最后的那一個添加
同級

.col-sm-3.sm-no-right-border,
.col-xs-6.xs-no-right-border{
    border-right:none;
}

父子：

.col-sm-3 .sm-no-right-border,
.col-xs-6 .xs-no-right-border{
    border-right:none;
}
2017年1月17日 23:28
編輯回答
維他命

每行最后面的border-right，這應該不是bootstrap里面的吧

2018年1月29日 20:33