Bootstrap表单和列表详解_html/css_WEB-ITnose

分类：WEB前端时间： 2015年1月7日

Bootstrap提供了对表单布局和列表的支持。垂直表单（默认）、内联表单、水平表单，如果您不想显示有着重号的列表，您可以使用class. list-unstyled来移除样式。您也可以通过使用class. list-inline把所有的列表项放在同一行中，可以使用class. dl-horizontal把

行中的属于与描述并排显示。

Bootstrap表单

1、如果需要创建一个表单，它的所有元素是内联的，向左对齐的，标签是并排的，请向

标签添加 class . form-inline。

2、默认情况下，Bootstrap中的 input、select 和 textarea 有 100% 宽度。在使用内联表单时，您需要在表单控件上设置一个宽度。

3、使用 class . sr-only，您可以隐藏内联表单的标签。

4、水平表单与其他表单不仅标记的数量上不同，而且表单的呈现形式也不同。如需创建一个水平布局的表单，向父

元素添加 class . form-horizontal,把标签和控件放在一个带有 class. form-group的

中,向标签添加 class. control-label的。

5、表单的大小可以分别使用 class .input-lg和 .col-lg-*来设置表单的高度和宽度。

6、Bootstrap 表单控件可以在输入框 input 上有一个块级帮助文本。为了添加一个占用整个宽度的内容块，请在 后使用 .help-block。

Bootstrap列表

描述	实例
.list-unstyled	移除默认的列表样式，列表项中左对齐 ( 和 中)。 这个类仅适用于直接子列表项 (如果需要移除嵌套的列表项，你需要在嵌套的列表中使用该样式)
.list-inline	将所有列表项放置同一行
.dl-horizontal	该类设置了浮动和偏移，应用于 元素和 元素中，具体实现可以查看实例
.pre-scrollable	使 元素可滚动 scrollable

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系[e-mail]核实处理。

相关文章

相关视频

---

• html下拉菜单文字怎么变小
• HTML里怎么设置thead表头的颜色
• html5中元素能拉伸宽度吗
• html中怎么清除li黑点
• Bootstrap表单和列表详解_html/css...

• 框架初始类文件
• 前端应用
• MVC目录结构规划
• 博客前后台功能介绍