使用 HTML 佈局組合垂直/內聯欄位的 Bootstrap 複雜表單

Bootstrap 用於組合垂直/內聯欄位的表單 −

<div class="row">
   <div class="col-md-8">
      <div class="row">
         <div class="col-md-3">
            Left side
         </div>
         <div class="col-md-9">
            Right side
            <div class="row">
               <div class="col-md-12">
                  longer forms
               </div>
            </div>
            <div class="row">
               <div class="col-md-3">
                  shorter forms
               </div>
               <div class="col-md-3">
                  shorter forms
               </div>
               <div class="col-md-3">
                  shorter forms
               </div>
               <div class="col-md-3">
                  shorter forms
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="col-md-4">
      Right
   </div>
</div>

karthikeya Boyini

更新時間： 2020 年 03 月 04 日

249 次瀏覽

啟動您的 職業

完成課程獲得認證

開始學習