在引导4中将form-control设置为与form-control-sm相同的大小
在引导4中，将form-control设置为与form-control-sm相同的大小是为了使表单输入框的大小保持一致。form-control和form-control-sm都是Bootstrap框架中的类，用于设置表单输入框的样式。
form-control是Bootstrap框架中默认的表单输入框样式类，它会自动适应父容器的宽度，并具有一定的高度和边框样式。而form-control-sm是form-control的一种小尺寸版本，它适用于需要更紧凑的表单布局的场景。
通过将form-control设置为与form-control-sm相同的大小，可以确保表单输入框在整个表单中具有一致的外观，提升用户体验和界面一致性。
在腾讯云的产品中，可以使用腾讯云的云开发服务来快速构建和部署应用程序。云开发提供了一站式的后端服务，包括数据库、存储、云函数等，可以帮助开发者快速搭建云原生应用。具体可以参考腾讯云云开发产品介绍：腾讯云云开发
另外，腾讯云还提供了云服务器（CVM）服务，用于提供可扩展的计算资源，支持多种操作系统和应用场景。云服务器可以用于部署和运行各种应用程序，包括前端开发、后端开发等。具体可以参考腾讯云云服务器产品介绍：腾讯云云服务器
相关·内容
我想覆盖bootstap，以便form-control与form-control-sm大小相同。我得到了一个bootstrap-custom.scss文件，并在_forms.scss中找到了以下内容 .form-control { width: 100%;
浏览 24提问于2019-10-17得票数 0
回答已采纳
3回答
引导4自定义文件上传和大小调整
、、、、
如何通过使用诸如input-group-sm、form-control-sm等类将自定义文件输入大小添加到引导程序4？我想将这个自定义文件输入字段设置为小。有人有解决办法吗？使用类form-control-sm<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel
浏览 0提问于2018-07-29得票数 6
我是新的使用前端设计。我尝试将输入文本框类型转换为空白线。number] {border: none;outline: none;并使用引导窗体控制class="form-control form-control-sm"
但是，我的屏幕显示了这条线的导航条结束行如下所示。此外，我需要限制最多4个数字，只有在这个数字框？如何<
浏览 5提问于2022-06-06得票数 0
回答已采纳
3回答
我有一个引导表单，在这里，我希望在按enter键时将焦点设置为下一个“启用”输入元素。当我按enter in Barcode输入元素时，我希望将焦点设置为Quantity输入元素，因为它是下一个已启用的输入元素。 <div class="form-group">
<label for="txtQuantity">Quanti
浏览 0提问于2018-11-11得票数 2
回答已采纳
根据您需要添加.col-form-label-sm和.form-control-sm类()的文档，对于复选框似乎没有类似的东西(至少我还没有在docs：中找到任何东西)。具体来说，我要求添加哪些html/classes来生成复选框，并将其标记为与电子邮件字段相同的大小(sm)： <label for="colFormLabelSmcol-form-label co
浏览 3提问于2022-11-27得票数 0
回答已采纳
我希望调整HTML表的thead部分中的header元素的大小，并将其与嵌套表中的header元素对齐。 父表提供交替的行着色，而嵌套表允许我在多行中定位字段。 ? form-control-sm"></td>
<td><input type="time" class="form-control</e
浏览 8提问于2021-08-30得票数 1
回答已采纳
3回答
无法使用jQuery清除输入字段
、、、、
我在ASP.NET Core3.0中有一个简单的页面。使用Blazor框架。页有如下所示的选择：$(".form-control-sm").change(function
浏览 2提问于2020-09-09得票数 0
回答已采纳
2回答
所有的东西都是使用Bootstra4设计的，它具有垂直和水平的中心。中心对齐实际上有效，但是当我垂直调整浏览器窗口的大小时，顶部的一些元素被隐藏在浏览器的scrollbar(please中，运行代码片段来查看)。有人能告诉我怎么解决这个问题吗？<!href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/boots
浏览 0提问于2018-04-14得票数 0
回答已采纳
使用引导带4，如何获得表单控件输入，以便与标签内联。我找不到任何示例说明如何在维护每个窗体组响应行和列的同时内联表单控件。我遇到的问题是标签占了整个块，我想要一个更紧凑的控件，标签和控件在同一个块上，而每组标签和输入仍然在一个响应网格中。form-control-sm" autocomplete="off" name="companyName" id="companyName
浏览 0提问于2018-04-18得票数 4
回答已采纳
1回答
我正在尝试创建以下Bootsrap设计：我们如何才能做到这一点？任何帮助都是非常感谢的。"> <div class="form-group">
<i
浏览 2提问于2015-09-24得票数 0
回答已采纳
如何在模板中设置who和image的值？form-control-sm" placeholder='Comment..' %} {% render_field comment_form.image cla
浏览 5提问于2017-08-16得票数 6
回答已采纳
我很难将'A‘输入值数组的值存储到数据库表中。如截图所示。预期的输出是'A‘值与每个mfo_id正确对应。如果'A‘输入类型为空，则它将为null。 public function storeipcrcsassocp(Request $request)刀片文件。输入类型在for循环中
<i
浏览 0提问于2020-07-02得票数 0
我在一个引导-5网页上有一张桌子： <thead> <th scope="col> <th scope="col">TITLE 3</th>
<th sco
浏览 5提问于2022-07-10得票数 0
5回答
如何调整选择器下拉菜单的高度
、、、、
我在我的页面中有一个选择器(bootstrap)，它的选项是动态加载的。它有大量的列表，但看起来并不好。我想减少选择器的高度。我给了内联风格和所有，但它不是反映。这是我的代码 <select class="selectpicker" data-dropup-auto="false" id="estType" name="estType">
<optionselecte
浏览 136提问于2016-09-22得票数 19
回答已采纳
2回答
我希望我的徽标是左的，我的登录表单是位置的右上角，但是当我将float-left设置为徽标容器，float-right设置为登录表单时，它们会中断。我已经确定容器足够大，可以装进去，但它们还是破了。form-control-sm" id="username">
<div class="form-group mb-1&quo
浏览 0提问于2018-01-12得票数 0
回答已采纳
刚开始使用MVC3时，在视图中构建下拉菜单时遇到了问题。填充ViewModel：然后在视图中使用model.Entity.CaptionSetId, model.CaptionSetList) 模型编译器错误消息: CS0103:名称‘’在当前上下文中不存在
我犯的初学者的</
浏览 65提问于2011-04-10得票数 2
回答已采纳
1回答
我希望我的表单标签与输入字段保持左对齐，这是我用这个HTML实现的： <div class="form-group row"> </div></fieldset>
我在标签中使用了col
浏览 2提问于2018-06-20得票数 3
我正在为一个网站使用引导，而这一部分是困扰我。当它达到一定的长度时，它将开始调整输入的大小，尽管使用日期和时间，它也会将它们放到不需要的新行上。如果两个输入框都与其他输入框的空间相同，那么看起来很好，但是它们不需要太宽，所以我希望它们保持在同一条线上(在相同的大小比下)，直到给出一个更小的宽度。name="date" type="te
浏览 4提问于2016-03-14得票数 0
回答已采纳
我们最近遇到了一个问题，一个工程师在控制台中将磁盘更改为引导磁盘，这导致了云构建触发器失败，因为它检测到代码中的代码和控制台(100 it和128 it )之间的大小差异--我们在terraform中的问题--我们已经将删除保护设置为true，因此在此设置为false之前，它不会允许我们进行任何更改。但是，如果我将其更改为false并按此更改，它将删除并重新创建引导</em
浏览 12提问于2022-05-31得票数 1
1回答
我正在写一个wordpress的主题使用一个网站的引导。如果将窗口调整为移动的大小，则导航栏上的搜索输入在桌面/平板电脑上看起来很好。输入框和搜索按钮不再内联。有什么想法吗？>">
<input type="search" class="form-control form-control-sm" placeholder="
浏览 5提问于2018-05-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
