Bootstrap 表单布局/表单样式 - bootstrap教程

Bootstrap 表单布局


  • Bootstrap 基本表单

    基本表单单独的表单控件会被自动赋予一些全局样式。所有设置了 form-control 类的 <input>、<textarea> 和 <select> 元素都将被默认...

    2014-12-18 12:04:55
    • Bootstrap 内联表单

      内联表单为 <form> 元素添加 form-inline 类可使其内容左对齐并且表现为 inline-block 级别的控件。只适用于视口(viewport)至少在...

      2014-12-18 12:15:03
      • Bootstrap 水平排列的表单

        水平排列的表单通过为表单添加 form-horizontal 类,并联合使用 Bootstrap 预置的栅格类,可以将 label 标签和控件组水平并排布局。...

        2014-12-18 12:17:00
        • Bootstrap 支持的表单控件

          支持的表单控件Bootstrap 支持最常见的表单控件,常用的有 input、textarea、checkbox、radio 和 select。表单布局实例中展示了其所支...

          2014-12-18 12:28:29
          • Bootstrap 静态控件

            静态控件如果需要在表单中将一行纯文本和 label 元素放置于同一行,为 <p> 元素添加 form-control-static 类即可。当您需要在一个水...

            2014-12-18 12:35:50
            • Bootstrap 输入框焦点

              输入框焦点我们将某些表单控件的默认 outline 样式移除,然后对 :focus 状态赋予 box-shadow 属性。当输入框 input 接收到 :focus...

              2014-12-18 12:47:57
              • Bootstrap 禁用输入框

                被禁用的输入框为输入框设置 disabled 属性可以防止用户输入,并能对外观做一些修改,使其更直观。如果您想要禁用一个输入框 input,只...

                2014-12-18 12:52:01
                • Bootstrap 只读输入框

                  只读输入框为输入框设置 readonly 属性可以禁止用户输入,并且输入框的样式也是禁用状态。<input class="form-control" type="text" p...

                  2014-12-18 12:56:11
                  • Bootstrap 表单校验状态

                    校验状态Bootstrap 对表单控件的校验状态,如 error、warning 和 success 状态,都定义了样式。使用时,添加 has-warning、 has-err...

                    2014-12-18 13:02:26
                    • Bootstrap 表单控件尺寸

                      控件尺寸通过 input-lg 类似的类可以为控件设置高度,通过 col-lg-* 类似的类可以为控件设置宽度。您可以分别使用 class input-lg...

                      2014-12-18 13:32:23

Bootstrap3中文开发手册参考网站
w3c.3306.biz 提供的内容仅用于学习或测试。所有内容均整理自互联网!目的是为了让更多读者欣赏,我们不保证内容的正确性,并对任何法律问题及风险不承担任何责任。 当您在浏览本站时,代表您已接受了本站的使用条款和隐私条款。(删除内容:512876994#qq.com)