如何删除bootstrap中的额外填充
在Bootstrap中，可以通过以下步骤删除额外填充：
- 首先，确保你已经引入了Bootstrap的CSS文件和相关的JavaScript文件。
- 在HTML文件中，找到需要删除额外填充的元素，可以是一个容器、一个表单或者一个按钮等。
- 在该元素的class属性中，找到包含"p-"或"m-"前缀的类名，这些类名代表了Bootstrap的内边距和外边距样式。
- 删除包含"p-"或"m-"前缀的类名，或者将它们替换为与内外边距相关的其他类名。例如，可以使用"p-0"类名来删除元素的内边距，或者使用"m-0"类名来删除元素的外边距。
- 保存并刷新页面，你将看到额外填充已经被删除。
需要注意的是，Bootstrap提供了丰富的内边距和外边距类名，可以根据具体需求选择合适的类名来控制元素的填充效果。
推荐的腾讯云相关产品：腾讯云服务器（CVM）和腾讯云容器服务（TKE）。
- 腾讯云服务器（CVM）：提供高性能、可扩展的云服务器实例，适用于各种应用场景。详情请参考：腾讯云服务器（CVM）产品介绍
- 腾讯云容器服务（TKE）：提供高度可扩展的容器化应用管理平台，支持快速部署和管理容器化应用。详情请参考：腾讯云容器服务（TKE）产品介绍
相关·内容
如何删除容器右侧的多余空间？ <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet
浏览 30提问于2020-07-08得票数 1
回答已采纳
我在我的Asp.Net MVC5项目中使用Twitter Bootstrap 3.0更少的源码。我使用顶部导航栏()，然后在布局页面中增加几行。我使用下面的代码行来获取100%的页面宽度： <div class="col-md-12"> </div>但这会在每一
浏览 45提问于2013-11-02得票数 19
回答已采纳
我在用推特Bootstrap。一切都很顺利，但是<p>some text with the font-size of 50px</p>跳出了父<div>。将bootstrap.min.css作为样式表删除后，一切都正常了。
似乎Twitter Bootstrap在段落上应用了一些属性(高度，垂直填充)，因为在我自己的css文件中p标签没有额外的属性。如何修复所有<p
浏览 0提问于2012-08-01得票数 3
我试图删除所有的垫子(上+底部)在一个块内的文本使用引导5。当使用没有引导的html时，设置padding: 0px完全符合我的预期：
<div style="padding: 0px; background-color: gray;">no bootstrap然而，在我使用Bootstrap的那一刻，即使在设置了类my-0之后，填充也永远不是0。总是有额外的填充，似
浏览 13提问于2022-11-26得票数 0
1回答
使用bootstrap的网格，我想要实现连接图像的结果，除了第一个框在lg和sm中的宽度是其他框的两倍。使用3col-md-4col-sm-6col-xs-12可以很容易地复制图像的网格，但这不允许我拥有两倍于宽度的第一个div。编辑:我使用多个col XX-XX得到了几乎很好的结果
浏览 0提问于2015-09-08得票数 0
如何从jumbotron bootstrap 3中删除默认填充？我正在尝试在jumbotron div中设置padding-top:5px;。但是有一些默认的填充，如何删除它？
浏览 0提问于2013-12-22得票数 9
回答已采纳
1回答
我正在为我经常使用的网站实现一个userscript (在Tamper猴子中)，并且我正在尝试向页面添加一个div。如果我将div添加到页面的顶部(到根元素)，那么一切都很好：但是，一旦我将它添加到Bootstrap列中，就会得到一些恼人的额外填充，如下所示：我尝试通过工具修改样式，唯一能让填充消失的方法是删除列中之前出现的所有元素，并将父行中</e
浏览 0提问于2019-03-21得票数 0
我有一个水平排序的RecycleView，我希望删除元素之间的额外空空间。多么?RecycleView的结构如下所示。
浏览 2提问于2016-08-07得票数 0
回答已采纳
2回答
我正在使用Bootstrap 4构建一个网站，我注意到每个div都有填充，我正在寻找一种方法来删除它。我试着添加了一个名为nopadding的类，填充:0！重要；边距:0！重要；但没有帮助。color: #0088a9;}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.
浏览 0提问于2020-08-31得票数 0
我有一张能装在屏幕上最多600便士的桌子。当屏幕大小超过600 to时，表就会增长到填充屏幕，并在每个单元格的右边给每一列额外的间隔。如何删除此表，停止表的增长，并删除额外的不需要的空间，以便下一列从上一列最大单元格的末尾开始？<link rel="stylesheet" href="https:&
浏览 3提问于2020-09-03得票数 3
回答已采纳
我有这样的结构： <div class="row">
当我将"col-lg-3“改为"col-lg-2”时，这个填充变小了，但是...我不想在一行中有6张图片。所以-我能做些什么？我试过这样的</e
浏览 5提问于2016-03-18得票数 0
1回答
我在Bootstrap 4上的表单组中有一个隐藏的输入，我遇到的问题是form-group的边距-底部仍然存在，使得表单底部有一些额外的填充，使得隐藏的输入相当明显。我知道我可以删除表单组的边距，但是我在可视字段上使用它。
如果表单组中的输入被隐藏，是否有任何方法来删除边距？
浏览 0提问于2019-04-18得票数 2
2回答
我已经创建了一个bootstrap 3.0.0 modal.When，我打开它，它会在原始滚动条内的背景页面中添加一个额外的滚动条。我想删除在模式弹出时显示的额外滚动条。以下是我打开滚动条时我的页面的图像：所以，有没有人能告诉我如何删除这个额外的滚动条。。提前谢谢你。。。
浏览 4提问于2013-10-29得票数 2
1回答
我正在开发一个同时支持RTL和LTR的应用程序。我正在使用RTL语言的Monserat字体，我需要使用LTR语言的Cairo字体。但我在使用Ciaro字体时遇到了一个问题，标签上有额外的填充，所以在阿拉伯语中视图看起来不是很好。
浏览 1提问于2019-11-19得票数 1
将transform属性应用于容器后，它会在底部提供额外的填充。child: const CircleAvatar( 'https://pixinvent.com/demo/vuexy-bootstrap-laravel-admin-templateimages/portrait/small/avatar-s-7.jpg', rad
浏览 11提问于2021-10-30得票数 1
回答已采纳
1回答
当我在Android上运行我的应用程序时，我有一个奇怪的衬垫。在iOS上，它看起来和预期的一样。 app:tabGravity="fill"我正
浏览 0提问于2016-11-27得票数 1
2回答
正如你在下面的链接中看到的，在EditText字段下面有一个额外的填充(大约2 2mm)。无论如何，我似乎不能删除这个填充。其他小部件(如按钮)也会发生这种情况。看起来Android是默认的，在所有元素中添加这个额外的填充。
浏览 1提问于2010-09-02得票数 0
我正在使用bootstrap，并且刚刚发现我的bootstrap列似乎有内置的填充和边距。如何删除默认值？例如，在我附加的示例中，我想a)将橙色和蓝色部分之间的距离减少到0px，b)删除左边和右边的空白处。
浏览 1提问于2016-04-02得票数 3
3回答
在我的网站上，有很多按钮。在Chrome中查看时，按钮宽度正好适合动态按钮文本，但在IE中，我可以看到在左侧和右侧都产生了额外的填充……
有没有什么CSS规则可以让我去掉这些填充？谢谢。
浏览 4提问于2011-10-24得票数 7
回答已采纳
3回答
您好，我已经创建了如下所示的JQuery DataTables：所以我的问题是如何删除“图片”列中过多的填充？这是我初始化表的方式： "aoColumnDefs": [ { "sWidt
浏览 0提问于2015-04-28得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
