면도칼 정의

Question

면도기 코드에서이 레이아웃을 만듭니다.

하지만이 위치을 좋아하지 않는다. 나는이 같은 것을 할 것이다.

어떻게 위의 이미지 같은 것을 만들 수 있습니까?

이것은 내 면도기 코드입니다.

 <div class="form-group"> 

        @Html.LabelFor(model => model.Name, new { @class = "control-label col-md-2" }) 
        <div class="col-md-4"> 
         @using (DAEF.DA_Mit daef = new DAEF.DA_Mit()) 
         { 
          @Html.DropDownListFor(
          model => model.CodMit, 
          new SelectList(daef.SelectAll(), "CodMit", "ItemPerDropdown"), new { @class = "form-control" }) 
         } 
         @Html.ValidationMessageFor(model => model.CodMit, "", new { @class = "text-danger" }) 
        </div> 


        @Html.LabelFor(model => model.CodCreator, new { @class = "control-label col-md-2" }) 
        <div class="col-md-4"> 
         @using (DAEF.DA_Mit daef = new DAEF.DA_Mit()) 
         { 
          @Html.DropDownListFor(
          model => model.CodCreator, 
          new SelectList(daef.SelectAll(), "CodMit", "ItemPerDropdown"), new { @class = "form-control" }) 
         } 
         @Html.ValidationMessageFor(model => model.CodMit, "", new { @class = "text-danger" }) 
        </div> 

       </div> 

       <div class="form-group"> 
        @Html.LabelFor(model => model.Info, new { @class = "control-label col-sm-2" }) 
        <div class="col-sm-4"> 
         @Html.TextAreaFor(model => model.Info, new { @class = "form-control", rows = 4 }) 
         @Html.ValidationMessageFor(model => model.Info, "", new { @class = "text-danger" }) 
        </div> 
       </div> 

      </div> 

저를 도울 수있는 사람이 있습니까? 마지막

<div class="col-sm-4"> 

Answer 1

는

<div class="col-sm-12"> 

및

<div class="col-md-4"> 

다른 두

될 수있다 갖는다

<div class="col-md-6"> 

,

또한 수 있도록 두 개의 구분 된 그룹 대신 두 개의 중첩 된 그룹 사용

그리드 시스템에 대해 자세히

: https://v4-alpha.getbootstrap.com/layout/grid/