Bootstrap form 表單 必須加上 使用類名「form-horizontal」主要有如下幾個做用

Bootstrap框架默認的表單是垂直顯示風格,但不少時候咱們須要的水平表單風格(標籤居左,表單控件居右)框架

在Bootstrap框架中要實現水平表單效果,必須知足如下兩個條件: 一、在<form>元素是使用類名「form-horizontal」。 二、配合Bootstrap框架的網格系統。(網格佈局會在之後的章節中詳細講解)佈局

在<form>元素上使用類名「form-horizontal」主要有如下幾個做用: 一、設置表單控件padding和margin值。 二、改變「form-group」的表現形式,相似於網格系統的「row」。orm

<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> 。。。input

相關文章
相關標籤/搜索