核心提示:表单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所示:
vc3RyYXCx7bWltcTErMjPsry+1g==" src="/uploadfile/2018/0306/20180306114526477.png" />
图3-28 Boostrap表单的默认布局