bootstrap中"label“和"input”之间的间距
在Bootstrap中，"label"和"input"之间的间距可以通过使用Bootstrap提供的CSS类来调整。具体来说，可以使用以下类来设置间距：
- 使用
mt-*和mb-*类来设置垂直方向的间距，其中*可以是0、1、2、3、4、5或auto。例如，mt-2表示在"label"和"input"之间添加一个上边距为2个间距单位的间距。 - 使用
pt-*和pb-*类来设置垂直方向的内边距，具体用法与上述类似。 - 使用
ml-*和mr-*类来设置水平方向的间距，其中*可以是0、1、2、3、4、5或auto。例如，ml-3表示在"label"和"input"之间添加一个左边距为3个间距单位的间距。 - 使用
pl-*和pr-*类来设置水平方向的内边距，具体用法与上述类似。
通过组合上述类，可以根据需要调整"label"和"input"之间的间距。例如，如果想要在垂直方向上添加一个上边距为2个间距单位的间距，可以使用以下代码：
<div class="mt-2">
<label for="exampleInput">Label</label>
<input type="text" class="form-control" id="exampleInput">
</div>在上述代码中，mt-2类被应用于包裹"label"和"input"的<div>元素，从而实现了所需的间距效果。
关于Bootstrap的更多信息和使用方法，可以参考腾讯云的相关产品和文档：
相关·内容
1回答
bootstrap中"label“和"input”之间的间距
bootstrap-4
是否有可能减小label和input之间的间距 📷 <div class="row"> <div class="card mb-1"div> </div>
浏览 112提问于2021-09-13得票数 0
回答已采纳
2回答
ASP.NET MVC:在同一行上对齐复选框和标签
c#、html、css、asp.net-mvc、razor
在我的ASP.NET Core MVC应用程序中，标签(“酸稳定氨基酸”)和复选框在不同的行上。(示例ID在这里不重要。)我希望他们在同一条线上。当前未对齐输出： ? 模型中的字段： [Display(Name = "Acid-stable amino acids")]
public bool AcidStables { get; set; } Razorasp-for="AcidStables" class="co
浏览 33提问于2019-04-30得票数 1
回答已采纳
1回答
Bootstrap 5中的修改行间距
html、css、twitter-bootstrap、bootstrap-5
<div class="row"> <div class="form-group"> <textarea rows="
浏览 3提问于2022-05-13得票数 0
回答已采纳
3回答
如果边距和填充设置为0，为什么控件之间会有空格？
html、css
我有一个div，其中包含两个类型为text的输入元素以及它们之间的标签。它由用户定义一个间隔(如4- 5)。它们显示在同一行上。这三个控件的边距和填充都设置为0。Firebug证实了这一点。它们之间仍然有一些空间。怎么会这样呢？这个空间是从哪里来的？
浏览 1提问于2011-02-19得票数 0
回答已采纳
2回答
覆盖引导div的填充
css、twitter-bootstrap
一个div包含标签，另一个包含输入： <div class="col-sm-3 float-left div1"> </div>
<div class="col-sm-9 floa
浏览 3提问于2016-11-26得票数 0
回答已采纳
2回答
如何在Bootstrap 4中设置表单元素之间的间距？
html、css、bootstrap-4
如何在Bootstrap 4中设置表单元素之间的间距？在下面来自官方示例的代码中，全名由“@”组成，而用户名没有空格。有人知道吗？<form class="form-inline"> <<em
浏览 4提问于2017-09-21得票数 3
4回答
制作文本并选择下拉列表水平
html、css、twitter-bootstrap
我正在尝试在同一行中创建一个类似label和select dropdown的文本。当我对两个div都使用display: inline时，它可以工作。
浏览 4提问于2017-08-05得票数 6
2回答
如何赋予simple_form标签风格？
ruby-on-rails、simple-form
我正在尝试更改输入框和标签之间的字体大小和间距，这是我用simple_form gem 2.0.2生成的表单。我确定有办法做到这一点？目前，我有：
<%= f.input :comment, :input_html => { :wrap => :soft, :rows => 2}, :label => 'Type in box below:', :item_wrapper_class
浏览 3提问于2013-06-22得票数 7
回答已采纳
1回答
脚本标记会影响引导程序中的复选框内联样式
twitter-bootstrap
我正在为我的Emberjs应用程序使用bootstrap ...我循环通过数组来绘制我的复选框...但是我的脚本标签会影响内联复选框之间的间距...class="checkbox inline">
<input id="ember4029" class="ember-view ember-checkbox" type="x-placeholder
浏览 0提问于2013-02-01得票数 1
回答已采纳
5回答
Twitter引导内联表单间距
css、html、twitter-bootstrap、responsive-design
我想以最正确的方式在表单的不同部分之间添加几个像素，使用Twitter 3，同时考虑到响应性。我已经查看了文档，但我仍然不清楚实现这一目标的最佳方法是什么。<form class="form-inline" role="form"> <label class="sr-only" for=&q
浏览 1提问于2013-11-13得票数 30
回答已采纳
3回答
如何在MUI网格中有不同的水平和垂直间距？
css、reactjs、grid、material-ui
在MUI Grid中，为了垂直间隔网格项，我在网格容器中提供了间距。它在大屏幕上看起来不错，但在移动设备上，它导致网格项目之间的水平间距很尴尬。<Grid item xl={6} md={6} sm={12} xs={12}> required label="Customer Name"
浏览 1提问于2019-08-11得票数 19
2回答
如何在selectinput中减少标签和选项之间的间距？
r、shiny、selectinput
我想要删除/减少标签和选择选项之间的间距，以选择放置在闪亮中。我还想减少两个不同的selectinputs之间的空间。 我尝试将selectinput包装在div样式中，并将边距和填充设置为0。font-size:12px; margin: 0px; padding: 0px", "select1",
浏览 38提问于2019-09-05得票数 2
回答已采纳
1回答
相同的Bootstrap列以不同方式对齐/格式化
css、twitter-bootstrap
我尝试了在这个网站上找到的一个答案，那就是将行放在一行中，但它不起作用。代码粘贴在下面。我正在
浏览 0提问于2016-03-14得票数 0
7回答
在引导程序中排列带有单选按钮的标签
css、twitter-bootstrap
我有一个Bootstrap窗体，里面有一些内联单选按钮和一个标签。我想把标签和按钮放在同一行，但我似乎做不到。">Some label</label> <input type="radio" value="1"/>First
<
浏览 0提问于2013-02-14得票数 61
回答已采纳
2回答
更改表单输入框的高度
html、css、twitter-bootstrap、bootstrap-4、sass
我想调整表单输入框的高度，使文本几乎接触到框的顶部和底部边框。我尝试添加一些css，但没有成功。我正在寻找一个自举的css解决方案。 height: 10px;}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootst
浏览 4提问于2020-08-06得票数 0
2回答
输入字段和符号不在一行中
twitter-bootstrap
我希望在输入标签中有一个嵌套的符号，就像末尾的QM符号(右对齐)。它工作，但它不是相同的线高度，欧元比输入字段大，有谁的想法？<div class="col-lg-12 col-md-12 col-sm-6"> <label for="price">Wohnflä</label><br&#x
浏览 1提问于2015-08-17得票数 1
回答已采纳
2回答
如何使用CSS使Bootstrap的水平表单标签更小？
css、twitter-bootstrap
Bootstrap有很多。我对使用“水平形式”感兴趣，它看起来像这样
我在一个弹出式模式中工作，空间已经有点紧张了。我尝试将bootstrap的网格系统的.span1和.span2作为类添加到标签中，但它没有给出所需的行为。有没有办法使用bootstrap的其他方面来获得所需的行为(例如，收紧水
浏览 0提问于2012-09-15得票数 14
回答已采纳
3回答
如何将checkbox和标题放在同一行
html、css
在google chrome中，按F12并打开切换设备工具栏。您将在第二个复选框中看到复选框和标题不在同一行。我想保留bootstrap样式表，如何使复选框和标题在同一行？ <!content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap</em
浏览 114提问于2019-09-27得票数 0
回答已采纳
4回答
引导标签之间没有间隔
twitter-bootstrap
在我的应用程序中，我尝试有几个对应的标签，比如在这个中相反，我得到的是：如您所见，标签之间没有间隔。这可能是因为我的CSS有问题，但我找不到罪魁祸首。在引导中定义的标签之间的间距在哪里？知道这将允许我缩小我的CSS中的bug搜索。
浏览 3提问于2014-06-24得票数 22
回答已采纳
2回答
如何在Div中添加表格表格边框
twitter-bootstrap
在这里，我使用Bootstrap Div创建用户页面。在这里，我的两个文本框(名称和电子邮件)相互接触，请建议我如何才能在不接触的情况下写作，并将表格边框悬停在div中 <div class<span>Enter YourName</span> <div class="
浏览 6提问于2017-04-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
