부트 스트랩 패널 몸 왼쪽과 오른쪽

Question

내가 패널 몸 부트 스트랩을 작성하려면이

고마워 대한을 떠나 내가 오른쪽 측면에서 원하는

<div class="panel-body"> 
    <p>1. Fill Full Name</p> 
    <p>&nbsp;&nbsp;&nbsp; Example</p> 
    <label for="name" class="col-sm-1 control-label">Full Name<span class="important">*</span></label> 

    <div class="col-sm-3"> 
     <input type="text" class="form-control" id="name" name="name" size="40" maxlength="50" disabled="disabled" 
      value="Full Name" required> 
     <div class="help-block with-errors"></div> 
    </div> 
</div> 
<!-- Phone Ext --> 
<div class="panel-body"> 
    <p>2. Fill Phone Extention</p> 
    <p>&nbsp;&nbsp;&nbsp; Extention</p> 
    <label for="name" class="col-sm-1 control-label">Phone Extention<span class="important">*</span></label> 

    <div class="col-sm-3"> 
     <input type="text" class="form-control" id="name" name="name" size="40" maxlength="50" disabled="disabled" 
       value="Phone Extention" required> 
     <div class="help-block with-errors"></div> 
    </div> 
</div> 

과 3 번 바로 여기

내 코드 귀하의 도움

Answer 1

<div class="panel-body"> 
    <div class="col-md-6"> 
     <p>1. Fill Full Name</p> 
     <p>&nbsp;&nbsp;&nbsp; Example</p> 
     <label for="name" class="col-sm-2 control-label">Full Name<span class="important">*</span></label> 

     <div class="col-sm-6"> 
      <input type="text" class="form-control" id="name" name="name" size="40" maxlength="50" disabled="disabled" 
       value="Full Name" required> 
      <div class="help-block with-errors"></div> 
     </div> 
    </div> 
    <div class="col-md-6"> 
     <p>3. Title #3</p> 
     <p>&nbsp;&nbsp;&nbsp; Content for #3</p> 
     <label for="name" class="col-sm-2 control-label">Label #3<span class="important">*</span></label> 

     <div class="col-sm-6"> 
      <input type="text" class="form-control" id="name" name="name" size="40" maxlength="50" disabled="disabled" 
       value="Label #3" required> 
      <div class="help-block with-errors"></div> 
     </div> 
    </div> 
</div> 
<!-- Phone Ext --> 
<div class="panel-body"> 
    <p>2. Fill Phone Extention</p> 
    <p>&nbsp;&nbsp;&nbsp; Extention</p> 
    <label for="name" class="col-sm-1 control-label">Phone Extention<span class="important">*</span></label> 

    <div class="col-sm-3"> 
     <input type="text" class="form-control" id="name" name="name" size="40" maxlength="50" disabled="disabled" 
       value="Phone Extention" required> 
     <div class="help-block with-errors"></div> 
    </div> 
</div>