如何在具有bootstrap类的div之间添加边距？
在具有bootstrap类的div之间添加边距可以通过以下几种方式实现：
- 使用内联样式：在需要添加边距的div标签上添加style属性，并设置margin属性来控制边距的大小。例如：
<div class="container">
<div class="row">
<div class="col-md-6" style="margin-bottom: 20px;">
<!-- 内容 -->
</div>
<div class="col-md-6" style="margin-bottom: 20px;">
<!-- 内容 -->
</div>
</div>
</div>这种方式适用于只在特定的div上添加边距的情况。
- 自定义CSS样式：在CSS文件中定义一个新的类，设置该类的margin属性，并将该类应用到需要添加边距的div标签上。例如：
<style>
.custom-margin {
margin-bottom: 20px;
}
</style>
<div class="container">
<div class="row">
<div class="col-md-6 custom-margin">
<!-- 内容 -->
</div>
<div class="col-md-6 custom-margin">
<!-- 内容 -->
</div>
</div>
</div>这种方式适用于多个div需要添加相同边距的情况。
- 使用Bootstrap的间距类：Bootstrap提供了一系列的间距类，可以直接应用到div标签上实现边距的添加。例如：
<div class="container">
<div class="row">
<div class="col-md-6 mb-3">
<!-- 内容 -->
</div>
<div class="col-md-6 mb-3">
<!-- 内容 -->
</div>
</div>
</div>其中，mb-3表示在底部添加一个大小为3的边距。具体的间距类可以参考Bootstrap的官方文档：Bootstrap Spacing
以上是在具有bootstrap类的div之间添加边距的几种常用方法，根据实际需求选择合适的方式进行边距的控制。
相关·内容
2回答
无法使具有背景图像的三个div响应
html、css、twitter-bootstrap、responsive-design、background-image
我有三个包含背景图像(background-image: url())的div，但在使它们具有响应性(使用bootstrap)和在它们之间放置间距方面存在问题。我尝试了一些东西，如宽度: 100%和边距:0自动，但添加边距属性有点删除边距和图像之间的间距，如果使用边距，而填充当然不起作用。另外
浏览 0提问于2016-08-24得票数 0
1回答
如何在具有bootstrap类的div之间添加边距？
css、bootstrap-4
我在一个项目中使用bootstrap，我想在div之间加上空白处，这是我的代码： <div className="container"> <<e
浏览 33提问于2020-06-14得票数 1
回答已采纳
3回答
如何在<p>和floated <img>之间添加页边距？
html、css、twitter-bootstrap
我使用的是Bootstrap 2.3.2，我想不出如何在我的段落文本的右侧和同一行中浮动的图像之间留出空白处( row -fluid)。如果我在图像周围添加边距，
浏览 1提问于2014-09-18得票数 0
3回答
引导全屏宽度响应式转盘
jquery、html、css、twitter-bootstrap
我试图使我的滑块宽度到屏幕宽度，但我有一些左右的填充，它看起来像ugly.Searched的东西，所有我发现的是Jquery插件，我在想，是不是有一个引导程序类已经应用并使事情发生或一些css修改。<div class="container-fluid">
浏览 1提问于2016-02-14得票数 1
1回答
如何在移动设备大小中添加巨型电子管之间的间距
html、css、bootstrap-4
因此，我正在建立这个网站，它看起来像这样的pc网络大小：当我调整窗口大小，使其变成手机大小的窗口(手机)时，巨型加速器变成了这样：我的问题是，有没有办法在移动大小的巨型加速器之间添加一个空格我不希望巨型加速器粘在一起，就像我在上面附加的图片一样。到目前为止我的代码是html： <div
浏览 0提问于2020-08-20得票数 0
7回答
如何只为手机屏幕添加下边距？
twitter-bootstrap、twitter-bootstrap-3
我有这个HTML代码 <div class="col-xs-12">
<div class="col-xs-12 col-sm-8 col-sm-offset-2&qu
浏览 0提问于2016-06-09得票数 47
1回答
为什么当我尝试以一个带有"row“类和一个id的div标签为目标时，我的CSS不能工作？
html、css、twitter-bootstrap、bootstrap-4
我是bootstrap 4的新手，并且在多个地方使用类"row“。我想在其中一个带有class行的div标签中添加一个左边界，所以我在div标签中添加了一个id。<div id="menumargin" class="row"> 当我使用这个CSS时 .row{} 它可以工作，但显然会影响row的</e
浏览 17提问于2020-04-09得票数 1
2回答
两列的布局和同一类的div.和中间的一个空间
css、html、css-float、multiple-columns
有两个<div>元素，每个元素具有相同的类。很容易将它们变成两列布局：。如何在它们之间添加空格？但如果他们同班/不上课呢？
浏览 5提问于2012-10-28得票数 0
回答已采纳
11回答
引导程序有内置填充类和边距类吗？
css、twitter-bootstrap、margin、padding
Bootstrap是否有内置的填充类和边距类，如pad-10、mar-left-10或我必须添加自己的自定义类？例如，类似于填充和边距选项卡上的。
浏览 0提问于2015-08-26得票数 83
回答已采纳
5回答
使用默认的Twitter Bootstrap CSS水平对齐div
css、twitter-bootstrap
我知道如何在CSS中水平对齐div。你需要使宽度小于100%，并在左右两边都有自动边距。我想做这个默认样式的Twitter Bootstrap。我不想写额外的CSS。想知道是否可以使用Twitter Bootstrap中使用的默认样式来实现。
为了设置div的宽度，我使用了span*。但是span*是float: left。有没有什么类可以设置div</e
浏览 3提问于2013-02-27得票数 6
回答已采纳
3回答
嘿，我不知道我的代码是怎么回事。我不知道边距和边距在哪里，我的旋转木马和新闻块在顶部和边上有边距，而下面的div没有任何边距或边距。 <link rel="stylesheet" href="https://ma
浏览 0提问于2017-04-05得票数 0
2回答
Bootstrap中的列外半列宽边距
twitter-bootstrap、twitter-bootstrap-3、padding
我有一个包含12个Bootstrap列的div。如何在右边添加半栏边距，在左边添加半栏边距？<div class="row"> DIV WHICH TAKES 12 COLUMNS
浏览 19提问于2017-03-08得票数 2
回答已采纳
2回答
HTML对齐和间距(没有CSS)
html、vertical-alignment、spacing
<div class="row no-gutters">
placeholder
浏览 2提问于2020-02-29得票数 0
3回答
Bootstrap双槽
html、css、twitter-bootstrap
当你用Bootstrap创建并排的div时，两边都有一个间隔，所以中间有两倍的空间。如何避免这种情况？<div class="col-lg-9">content here</div>这将在左边和右边给你一个15px的间隔，但在两
浏览 0提问于2018-01-09得票数 1
1回答
调整CSS边框而不影响div位置
html、css
我正在尝试调整我添加的border-right属性的边距，以便在两个div之间创建垂直边框。当在产生边距的类中调整这些边距时，我影响的是整个div的边距，而不仅仅是边框。我试图添加一个仅影响边框的伪类，但它对边框显示没有任
浏览 69提问于2020-07-25得票数 1
回答已采纳
2回答
Bootstrap 3媒体网格:动态生成，不同的classes和媒体查询
php、wordpress、twitter-bootstrap-3
我有一个简单的网格缩略图，我正在布局-缩略图项目是动态生成的，并通过wordpress循环输出。对于每个缩略图，我使用了Bootstrap 3列类中的三个：.col-xs-4、.col-md-3和.col-lg-2，这样在小屏幕上有3个缩略图，在中屏上有4个缩略图，在大屏幕上有6个缩略图。因为每行缩略图的数量取决于屏幕大小，所以我不能像往常那样根据循环计数器以预定义数量的缩略图打开和关闭div.row。所以我想知道如何根据在特定媒体查询中每行显示多少个
浏览 3提问于2013-12-11得票数 0
20回答
Twitter Bootstrap -在行之间添加顶部空格
css、twitter-bootstrap
如何使用twitter bootstrap框架向class="row"元素添加页边距？
浏览 21提问于2012-04-10得票数 506
回答已采纳
2回答
Bootstrap三列布局折叠
html、css、twitter-bootstrap、margin
我正在尝试创建一个Bootstrap三个不等的列布局与col1-md-3，col md-6，col md-3。一切都很好，但是当我尝试向列添加边距时，它会折叠它们。我想知道如何防止这种情况，我假设这与Bootstrap列属性或列宽度有关。感谢大家的帮助，谢谢！ <img src="" height="40" width="40"> Bl
浏览 0提问于2018-07-09得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
