html – 删除col-md-6 Bootstrap上的左右填充

html – 删除col-md-6 Bootstrap上的左右填充,第1张

概述我有一个使用Bootstrap的站点,但我想覆盖col-md-6列上的左右填充(将它们设置为0px).不确定怎么做,我目前的设置是…… CSS .fix-gutters > [class^="col-"],.fix-gutters > [class*=" col-"] { padding-right: 0px; padding-left: 0px;} 并将其应用于 <div id="m 我有一个使用bootstrap的站点,但我想覆盖col-md-6列上的左右填充(将它们设置为0px).不确定怎么做,我目前的设置是……

CSS

.fix-gutters > [class^="col-"],.fix-gutters > [class*=" col-"] {  padding-right: 0px;  padding-left: 0px;}

并将其应用于

<div ID="main" >    .... <div > ... etc.

但col-md-6有时会被col-md-12 div替换(@R_301_3745@循环),如果是这样的话我不想要.fix-gutters.

注意:我需要覆盖与col-md-6命令处于同一级别.例

<div >
解决方法 这将针对您:(仅对主div内的元素进行更改)

#main> .col-md-6 {padding-right:0; padding-left:0;}

总结

以上是内存溢出为你收集整理的html – 删除col-md-6 Bootstrap上的左/右填充全部内容,希望文章能够帮你解决html – 删除col-md-6 Bootstrap上的左/右填充所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1141394.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存