Bootstrap 4.0 -How删除元素下面的填充？
在Bootstrap 4.0中，要删除元素下面的填充，可以使用内置的CSS类来实现。具体来说，可以使用mb-0类来移除元素下方的外边距，以及使用pb-0类来移除元素下方的内边距。
mb-0类用于移除元素的外边距，它会将元素的下方外边距设置为0。例如，如果要删除一个<div>元素下方的外边距，可以为该元素添加mb-0类，如下所示：
<div class="mb-0">内容</div>pb-0类用于移除元素的内边距，它会将元素的下方内边距设置为0。例如，如果要删除一个<div>元素下方的内边距，可以为该元素添加pb-0类，如下所示：
<div class="pb-0">内容</div>通过使用这两个类，可以同时移除元素下方的外边距和内边距，从而删除元素下面的填充。
Bootstrap 4.0是一种流行的前端开发框架，它提供了丰富的CSS和JavaScript组件，可以帮助开发人员快速构建响应式和现代化的网站和应用程序。更多关于Bootstrap 4.0的信息和使用方法，可以参考腾讯云的相关产品文档和教程：
相关·内容
最近，我围绕bootstrap (4.0版)进行了实验。我遇到了一些小问题，特别是在离线位置垂直对齐方面。当使用Google Chrome elements检查时，我发现在Total Amount下面有填充(下面用橙色突出显示)：这样做的代码是： <&
浏览 1提问于2017-08-20得票数 6
回答已采纳
3回答
我在div class="col-md"中插入了一张图像，但正如您从照片中看到的那样，该图像不能填满整个列的div，并且留下了一些未覆盖的边缘。我该怎么做？ HTML文件： <div class="container"> <div class="col-md" style="border: 2px solid blue">
<img id="imm" src="do
浏览 62提问于2020-07-29得票数 0
回答已采纳
预期输出：0 1.0 -2.02 1.0 -6.04 1.0 -4.0已尝试使用有人能解释一下为什么吗？
浏览 4提问于2019-07-22得票数 1
回答已采纳
问题是，我必须向元素中添加事件侦听器，并在给定元素关闭时删除这些事件。为了模拟我的问题，而不是通过打开和关闭元素使事情变得复杂，我将显示几个按钮，它们将代表在某些情况下应该发生的事情：//This event listener was added elsewhereOr how to revert to default event?})
<link href="https://stackpath.bootstrapcdn.co
浏览 0提问于2019-05-20得票数 0
回答已采纳
blank:false semesterID blank:false}class BootStrap {
//Create defaultInformation Security Management", semesterI
浏览 12提问于2019-11-28得票数 1
回答已采纳
我正在启动一个新的rails项目，并添加了twitter bootstrap (因为我听说了它的好消息)。这是一个初学者的问题，但是，我如何在不让twitter-bootstrap的默认顶部和左侧填充妨碍的情况下添加覆盖整个页面高/宽的背景图像？有没有我还没遇到的基本设置？我如何删除特定页面的填充，而仍然让填充保留在应用程序的其余部分？这种填充是有益的吗？
谢谢
浏览 0提问于2012-07-24得票数 0
回答已采纳
3回答
我需要根据屏幕的宽度同时更改启动按钮的大小(例如，将btn-xs更改为btn-lg)和跨越的列数。最后一部分不是问题，但是我该如何做第一部分呢？是否有一种方法可以继承类，然后执行媒体查询 @media only screen and (orientation: landscape) and (max-width:1024px) {
.btn-lg
}
浏览 7提问于2021-03-25得票数 1
2回答
background-color: #4CAF50;}<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/><div id="accordion">
浏览 0提问于2018-02-22得票数 0
回答已采纳
在过去的几天里，我一直在尝试拉伸特定的部分来填充整个容器，我让它工作了。问题是，在移动/平板电脑中，会出现一个左右滚动条，它也会弄乱粘性标题。
浏览 2提问于2018-01-01得票数 0
我希望第一个图像左对齐，最后一个图像右对齐，并在两者之间留出空间，或者只是让图像增长来填充空间。
浏览 5提问于2017-01-14得票数 0
回答已采纳
3回答
CSS引导容器背景
、、、
我的当前解决方案是在container中嵌套一个container-fluid，并从第一个解决方案中删除填充，但我希望提供一个更好的解决方案，它不违背引导文档。 <div class="container"> </div>然后我在css中重写了引导程序的填充
浏览 3提问于2017-02-02得票数 5
回答已采纳
(index of the boolean Series and of the indexed object do not match a b c
0 1.0 4.0
浏览 3提问于2017-07-27得票数 29
回答已采纳
我有一个导航栏，其中的链接由图片表示，如下图所示(请忽略主页链接)：
我想水平地删除每个图像之间的灰色空间。我已经尝试在所有图像和列表项上设置边距: 0%和填充: 0%，但都无济于事。
浏览 0提问于2017-11-17得票数 0
2回答
我没有找到任何em或rem，也没有找到任何对父元素的引用，比如bootstrap类"h-100“。所以我不得不使用height属性和像素来实现，我知道这是一种很糟糕的方式。因此，我的问题是，如何以正确的响应友好方式设置输入组元素的高度？ (对于模式页脚，我没有像在模式正文中那样设置容器、行和列，这是不是很糟糕？)
浏览 6提问于2019-06-02得票数 1
所以我删除了bootstrap-responsive.css文件。我是说看看这张快照。
浏览 1提问于2013-03-10得票数 1
回答已采纳
1回答
如果我将div添加到页面的顶部(到根元素)，那么一切都很好：但是，一旦我将它添加到Bootstrap列中，就会得到一些恼人的额外填充，如下所示：我尝试通过工具修改样式，唯一能让填充消失的方法是删除列中之前出现的所有元素，并将父行中的“：parent”元素设置为"display:inline“。我想我可能误解了Bootstrap是如何工作的，而且可能有一个简单的解决方法，但是我已经做了一段时间的实验并在
浏览 0提问于2019-03-21得票数 0
,它看起来像这样：0 42.0 4.0raw_data )给出输出：column2 16.0当我尝试使用axis=0从数据帧中删除值时但当我这么做的时候：
dfclear=df.dropna(axis=0,how='all&#x
浏览 0提问于2018-03-31得票数 3
3回答
我的bootstrap设计中有一些嵌套列。我的元素的灰色背景颜色，在左边和右边有一些间隙，这来自于引导列的填充。我可以通过执行padding:0px来删除填充，但它将删除所有元素的填充。有没有一种方法可以只删除h3的填充？
浏览 0提问于2018-09-09得票数 0
1回答
我正在使用Bootstrap导航栏，我想在每个li类上做左边框，但它很难看，因为导航栏类中有神秘的填充，
如您所见，此边框没有到达<li>元素的底部。如何删除此空白区域？我已经从navbar中删除了所有填充，但没有任何反应。
浏览 6提问于2017-03-10得票数 0
回答已采纳
我的引导导航栏有问题。我将它从导航栏更改为导航栏静态，并且在我更改它的同时创建了一个空白。有没有办法解决这个问题？这是我的navbar.css background-color: transparent; border-radius: 0px;}
height: 65px; margin-top: -20px;
浏览 0提问于2016-10-06得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
