您现在的位置:首页 >> 前端 >> 内容

Bootstrap表单的默认布局代码实例

时间:2018/3/6 14:41:55 点击:

  核心提示:表单Bootstrap 自带了基本的表单样式,不需要添加任何辅助类,即可使用表单的默认布局。默认布局中,表单元素采用垂直布局,标签和输入框使用顶对齐方式。如:formfieldsetlegendLeg...

表单

Bootstrap 自带了基本的表单样式,不需要添加任何辅助类,即可使用表单的默认布局。默认布局中,表单元素采用垂直布局,标签和输入框使用顶对齐方式。如:

<form>
  <fieldset>
    <legend>Legend</legend>
    <label>Label name</label>
    <input type="text" placeholder="Type something…">
    <span class="help-block">Example block-level help text here.</span>
    <label class="checkbox">
      <input type="checkbox"> Check me out
    </label>
    <button type="submit" class="btn">Submit</button>
  </fieldset>
</form>

效果如图 328所示:

Bootstrap表单的默认布局代码实例vc3RyYXCx7bWltcTErMjPsry+1g==" src="/uploadfile/2018/0306/20180306114526477.png" />

图3-28 Boostrap表单的默认布局

Tags:BO OO OT TS 
作者:网络 来源:歪脖先生的博客