使用 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 次浏览

启动您的 职业

完成课程获得认证

开始学习