Bootstrap表單布局樣式代碼

    這篇文章主要介紹了Bootstrap表單布局樣式代碼的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下
    廢話不多說了，直接給大家貼代碼了。
    代碼如下:
    <form role="form">
    <fieldset>
    <legend>配置數(shù)據(jù)源</legend>
    <div>
    <label for="ds_host">主機(jī)名</label>
    <div>
    <input id="ds_host" type="text" placeholder="192.168.1.161"/>
    </div>
    <label for="ds_name">數(shù)據(jù)庫名</label>
    <div>
    <input id="ds_name" type="text" placeholder="msh"/>
    </div>
    </div>
    <div>
    <label for="ds_username">用戶名</label>
    <div>
    <input id="ds_username" type="text" placeholder="root"/>
    </div>
    <label for="ds_password">密碼</label>
    <div>
    <input id="ds_password" type="password" placeholder="123456"/>
    </div>
    </div>
    </fieldset> 
    <fieldset>
    <legend>選擇相關(guān)表</legend>
    <div>
    <label for="disabledSelect">表名</label>
    <div>
    <select id="disabledSelect">
    <option>禁止選擇</option>
    <option>禁止選擇</option>
    </select>
    </div>
    </div>
    </fieldset>
    <fieldset>
    <legend>字段名</legend>
    <div>
    <label for="disabledSelect">表名</label>
    <div>
    <select id="disabledSelect">
    <option>禁止選擇</option>
    <option>禁止選擇</option>
    </select>
    </div>
    </div>
    </fieldset>
    </form>
    效果圖
    
    以上內(nèi)容是小編給大家介紹的Bootstrap表單布局樣式代碼的相關(guān)知識(shí)，希望對(duì)大家有所幫助！