如何对bootstrap4窗体输入组中的按钮使用float或类似的css命令？
在Bootstrap 4中，可以使用float或类似的CSS命令来对窗体输入组中的按钮进行布局。但是需要注意的是，Bootstrap 4推荐使用Flexbox来实现布局，而不是依赖于浮动。
要对窗体输入组中的按钮使用float或类似的CSS命令，可以按照以下步骤进行操作：
- 创建一个包含输入组和按钮的父容器，可以使用
<div>元素来实现。 - 在父容器中，为输入组和按钮添加相应的类名，以便进行样式设置。例如，可以为输入组添加
input-group类，为按钮添加input-group-append类。 - 使用CSS命令来设置按钮的浮动或其他布局属性。例如，可以使用
float-left类来使按钮向左浮动，或使用float-right类来使按钮向右浮动。 - 如果需要，可以使用其他CSS命令来调整按钮的样式，例如设置宽度、边距等。
以下是一个示例代码，演示如何对Bootstrap 4窗体输入组中的按钮使用float命令：
<div class="input-group">
<input type="text" class="form-control" placeholder="输入内容">
<div class="input-group-append">
<button class="btn btn-primary float-left" type="button">按钮</button>
</div>
</div>在上述示例中，输入组的父容器使用了input-group类，按钮的父容器使用了input-group-append类。按钮本身使用了btn和btn-primary类来设置按钮的样式，同时使用了float-left类来使按钮向左浮动。
请注意，以上示例中的类名和样式仅供参考，具体的布局和样式需根据实际需求进行调整。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）
相关·内容
我在一个bootstrap表单输入组中有两个按钮。我不想让按钮接触，所以我缩小了他们的大小，并浮动一个左，另一个右。如何对bootstrap4窗体输入组中
浏览 12提问于2018-07-24得票数 0
我正在使用Bootstrap 3.1.1。我发现封装<div class="input-group col-lg-3">会导致输入框的堆叠，如下所示，同时执行嵌套的输入框 <div class
浏览 7提问于2014-06-06得票数 0
回答已采纳
3回答
现在我已经做到了这一点，但当它出现时，它会以一种丑陋的方式移动文本。我怎么才能让它“浮在”它上面，这样它就不会影响文本，但仍然会显示出来
浏览 0提问于2010-12-17得票数 5
回答已采纳
3回答
label for="male">Male</label>我试着学习WP小部件的创建</textarea>
我对这部分-for=“信息”感到困惑。
这意味着什么“消息”只是一个类似的类<e
浏览 6提问于2016-02-04得票数 0
回答已采纳
3回答
我有一个包含15个字段的表单(包括输入类型、复选框、文本区域)。$("#id1, #id2, #id3...#id15").each(function(){ $(this).closest("#error").css(&
浏览 0提问于2013-10-29得票数 1
回答已采纳
我喜欢Bootstrap，但是有一个恼人的地方是，当构建一个从简单的文本输入框开始的表单时，我在右边放了一些单选按钮(不是传统的类型，而Bootstrap指的是“按钮组”)。遗憾的是，输入框郑重地拒绝向左转，总是跳到堆栈的右侧。为什么哦为什么？任何帮助都是非常感谢的。下面是表单外观的图片：
这是导致这场变异灾难的代码：
<div cl
浏览 3提问于2012-05-05得票数 2
回答已采纳
4回答
我有一个非常简单的形式与引导3，我可以很容易(自动)对齐，当我不使用input-group-addons。在我以我的形式使用它们之后，就不可能对齐它(因为增加了加载项，加载项的行更宽了)
<div class="
浏览 6提问于2014-01-24得票数 29
回答已采纳
我试图在窗体上放置一对命令按钮，以使用户能够：
第一种使用"DoCmd.RunCommand acCmdFilterByForm“非常容易。第二个程序将与"DoCmd.RunCommand acCmdApplyFilterSort“一起工作，只是我不知道如何激活命令按钮"cmdApplyFilter”。我已经看
浏览 3提问于2017-01-21得票数 0
1回答
引导按钮定位
、、
/button> </div>
我希望使用大按钮来填充列(col-md-6)，因此我使用了btn-block。但是我希望X按钮在同一行中浮动，取一些大按钮的宽度。
X按钮
浏览 0提问于2015-04-07得票数 0
回答已采纳
我希望有一段代码可以在按下任何工作表命令按钮时运行。我已经看到了与user窗体类似的东西，但是找不到跨(并且仅限于)工作表按钮的东西。我已经使用以下代码创建了一个名为clsCmdButton的类模块：'code i want to run然
浏览 3提问于2017-10-11得票数 0
回答已采纳
<div class="text-left"> <input type="checkbox">Zapamiętaj mnie. </div> <a
浏览 0提问于2019-03-14得票数 1
我的页面上有这个
这段代码 <?>
如何删除文本输入字段和包含的div之间的底部空间，以便将草稿保存到Div之后立即保存.list-title-input input{
w
浏览 4提问于2016-06-30得票数 1
回答已采纳
3回答
我想垂直对齐我的项目中的输入。我的代码适用于跨度，但不适用于输入！原因是什么？CSS代码： display: table-cell; text-align: center;div { height: 120px;HTML代码：
<div class="col-sm-12 ">
浏览 3提问于2014-07-11得票数 0
回答已采纳
1回答
我希望窗体在每一行中有三个控件。但是，每个行中控件的宽度是不同的(确切地说是较小的)。我必须总是使用列吗？这是css的常规行为吗？有时候css对我来说就像是个迷宫 &
浏览 2提问于2013-11-07得票数 1
回答已采纳
我的问题非常类似于这个 something: 1 thelastthing: 2
jinja2.exceptions.UndefinedError：'wtforms.fields.core.Label对象‘没有属性'rjust’
浏览 5提问于2016-09-15得票数 0
回答已采纳
Requirements使用Bootstrap输入组组件在导航栏中创建搜索输入字段。a.Create表单并对齐到导航栏的右侧，表单标记应该包含在Bootstrap类的输入组中。b.属于表单控件的输入字段应该有占位符"Search“。创建一个span标记，对输入搜索字段的输入字段按钮进
浏览 8提问于2021-03-25得票数 0
2回答
我又回来了，我希望这是一个相当简单的问题。在显示用户窗体的主子窗体中：Set UserInput = New MemoR
浏览 0提问于2013-09-19得票数 2
回答已采纳
2回答
我正在使用一个模板。客户希望这三个按钮具有不同的颜色。所有这三个类都由同一个类控制。如果我检查页面并将其插入到元素样式中，我可以将背景颜色更改为不同。如何在CSS中永久保留此更改？这是当前的按钮：
这是客户端对按钮的喜好：
控制这一点的CSS是：
.full-width .generic .
浏览 1提问于2018-06-01得票数 0
我试图决定是使用模块还是直接链接到基本html文件中的引导文件，如下所示：我的理解是，使用模块，我将在代码中进行样式设计。通过直接使用引导程序，我认为我必
浏览 0提问于2018-02-06得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
