侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 129305 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

Bootstrap form 表单 必须加上 使用类名“form-horizontal”主要有以下几个作用

2024-04-28 星期日 / 0 评论 / 0 点赞 / 2 阅读 / 1094 字

Bootstrap框架默认的表单是垂直显示风格,但很多时候我们需要的水平表单风格(标签居左,表单控件居右)在Bootstrap框架中要实现水平表单效果,必须满足以下两个条件:1、在<form>元素是使

Bootstrap框架默认的表单是垂直显示风格,但很多时候我们需要的水平表单风格(标签居左,表单控件居右)

在Bootstrap框架中要实现水平表单效果,必须满足以下两个条件:1、在<form>元素是使用类名“form-horizontal”。2、配合Bootstrap框架的网格系统。(网格布局会在以后的章节中详细讲解)

在<form>元素上使用类名“form-horizontal”主要有以下几个作用:1、设置表单控件padding和margin值。2、改变“form-group”的表现形式,类似于网格系统的“row”。

<form class="form-horizontal" role="form"><div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">邮箱</label> <div class="col-sm-10"> <input type="email" class="form-control" id="inputEmail3" placeholder="请输入您的邮箱地址"> </div> </div>。。。

广告 广告

评论区