作者：雲痕影落_969 | 来源：互联网 | 2022-09-17 20:35
通过为表单添加 .form-horizontal 类，并联合使用 Bootstrap 预置的栅格类，可以将 label 标签和控件组水平并排布局。这样做将改变 .form-group 的行为，使其表现为栅格系统中的行（row），因此就无需再额外添加 .row 了。
水平表单与其他表单不仅标记的数量上不同，而且表单的呈现形式也不同。如需创建一个水平布局的表单，请按下面的几个步骤进行：
1、向父 元素添加 class .form-horizontal。
2、把标签和控件放在一个带有 class .form-group 的
中。
3、向标签添加 class .control-label。
实现代码：
如果大家还想深入学习，可以点击这里进行学习，再为大家附一个精彩的专题：Bootstrap学习教程
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
推荐阅读
-
本文主要分析了Netty源代码中服务器端启动的过程，包括ServerBootstrap的初始化和相关参数的设置。通过分析NioEventLoopGroup、NioServerSocketChannel、ChannelOption.SO_BACKLOG等关键组件和选项的作用，深入理解Netty服务器端的启动过程。同时，还介绍了LoggingHandler的作用和使用方法，帮助读者更好地理解Netty源代码。 ...
[详细]
蜡笔小新 2023-12-10 15:42:28
-
http:valor-software.comng2-bootstraphttps:www.primefaces.orgprimeng#autocomplete转载于:https: ...
[详细]
蜡笔小新 2023-12-09 20:57:51
-
-
ElasticSearch成功安装完毕。 测试数据添加出现{ error:{ root_cause ...
[详细]
蜡笔小新 2023-10-17 15:46:32
-
这一节来做二级分类，为了快速开发，一级分类只做新增，暂时不考虑修改和删除，如果一定要删，就去数据库删吧。我们接下来，需要通过一级分类，获取所有的二级分类。开始 ...
[详细]
蜡笔小新 2023-10-17 15:30:11
-
systemd-nspawn可以创建最轻量级的容器（ns的意思就是namespace），本文的实验平台是Ubuntu16.04，x86_64机器。本文的目的是：在Ubuntu中用syst ...
[详细]
蜡笔小新 2023-10-17 14:49:15
-
媒介本文的前身是源自github上的项目awesome-github-vue,但由于该项目上次更新时候为2017年6月12日，许多内容早已逾期或是许多近期优异组件未被收录，所以小肆 ...
[详细]
蜡笔小新 2023-10-17 14:33:46
-
1、DashAPI文档Dash是一个API文档浏览器，使用户可以使用离线功能即时搜索无数API。程序员使用Dash可访问iOS，MacOS， ...
[详细]
蜡笔小新 2023-10-17 10:15:42
-
Bootstrap3 排版缩略语 ...
[详细]
蜡笔小新 2023-10-17 09:02:39
-
本文摘要配置目的：寄存器配置用于更改路由器启动过程。配置目的：寄存器配置用于更改路由器启动过程。启动位由4位16进制寄存器组成格式：0xA ...
[详细]
蜡笔小新 2023-10-16 19:59:28
-
网络分区对于常规事务而言，每当组内有事务数据需要被复制时，组内的成员需要达成共识(要么都提交，要么都回滚)。对于组成员资格的变更也和保持组 ...
[详细]
蜡笔小新 2023-10-16 18:09:11
-
本文内容皆为作者原创，如需转载，请注明出处：https:www.cnblogs.comxuexianqip13045462.html1.自定义分页器的拷贝及使用当我们需要使用 ...
[详细]
蜡笔小新 2023-10-16 17:47:02
-
Java工程师无疑是当下令人艳羡的工作之一，因此，每年都有大批大批的朋友想要报名Java工程师学习Java也就不奇怪了。那么入门Java掌握哪些技术能力 ...
[详细]
蜡笔小新 2023-10-16 15:56:51
-
这篇“Webpack是怎么工作的”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大 ...
[详细]
蜡笔小新 2023-10-16 14:38:01
-
我正在使用sql-serverkafka-connect和debezium监视sqlserver数据库，但是当我发布并运行我的wo ...
[详细]
蜡笔小新 2023-10-16 12:54:59
-
ConsumerConfiguration在kafka0.9使用JavaConsumer替代了老版本的scalaConsumer。新版的配置如下：bootstrap. ...
[详细]
蜡笔小新 2023-10-16 10:44:59
-
京公网安备 11010802041100号