Nicht möglich, Spalte im Bootstrap linke Seite zu machen

Question

Ich möchte zwei Spalten nebeneinander, aber während ich schreibe. Sein Kommen nur rechte Seite, wie folgt aus:

Device name       Description 

Type         Time Zone 

             Enable 

             Networking 

Ich brauche zu ermöglichen und in der gleichen Linie Vernetzung:

Im Code für einen Tisch zu machen, ich bin nicht in der Lage zu zeigen, divs Seite an Seite.

<div class="box-body"> 
     <div class="row"> 
     <div class="col-md-6"> 
      <div class="form-group"> 
      <label>Device Name</label> 
       <input type="text" class="form-control" placeholder="Name" /> 
        </div> 
      <!-- /.form-group --> 
      <div class="form-group"> 
      <label>Type</label> 
      <select class="form-control select2" style="width: 100%;"> 
       <option selected="selected">Alabama</option> 
       <option>Alaska</option> 
       <option disabled="disabled">California (disabled)</option> 
       <option>Delaware</option> 
       <option>Tennessee</option> 
       <option>Texas</option> 
       <option>Washington</option> 
      </select> 
      </div> 
      <!-- /.form-group --> 
     </div> 
     <!-- /.col --> 
     <div class="col-md-6"> 
      <div class="form-group"> 
      <label>Description</label> 
      <input type="text" class="form-control" placeholder="Name" /> 
      </div> 
      <!-- /.form-group --> 
      <div class="form-group"> 
      <label>Time Zone</label> 
      <select class="form-control select2" style="width: 100%;"> 
       <option selected="selected">Alabama</option> 
       <option>Alaska</option>t 
       <option disabled="disabled">California (disabled)</option> 
       <option>Delaware</option> 
       <option>Tennessee</option> 
       <option>Texas</option> 
       <option>Washington</option> 
      </select> 
      </div> 
      <div class="form-group"> 
      <label>Enable</label> 
      <select class="form-control select2" style="width: 100%;"> 
       <option selected="selected">Alabama</option> 
       <option>Alaska</option> 
       <option disabled="disabled">California (disabled)</option> 
       <option>Delaware</option> 
       <option>Tennessee</option> 
       <option>Texas</option> 
       <option>Washington</option> 
      </select> 
      </div> 
       <div class="form-group"> 
      <label>Networking</label> 
      <select class="form-control select2" style="width: 100%;"> 
       <option>GPRS</option> 
       <option>WI-FI</option> 
       </select> 
      </div> 





      <!-- /.form-group --> 
     </div> 
     <!-- /.col --> 
     </div> 
     <!-- /.row --> 
    </div> 

gewünschte Ausgabe

Answer 1

Sie müssen nur Enable innerhalb des ersten col-md-6 setzen. Hier ist eine Arbeits Demo, http://www.bootply.com/NSqTJQciPQ

Answer 2

**Use this for you requirement** 

    <div class="box-body"> 
    <div class="row"> 
     <div class="col-md-6"> 
     <div class="form-group"> 
      <label>Device Name</label> 
      <input type="text" class="form-control" placeholder="Name"> 
     </div> 
     <!-- /.form-group --> 
     <div class="form-group"> 
      <label>Type</label> 
      <select class="form-control select2" style="width: 100%;"> 
       <option selected="selected">Alabama</option> 
       <option>Alaska</option> 
       <option disabled="disabled">California (disabled)</option> 
       <option>Delaware</option> 
       <option>Tennessee</option> 
       <option>Texas</option> 
       <option>Washington</option> 
      </select> 
     </div> 
     <!-- /.form-group --> 
     <div class="form-group"> 
      <label>Enable</label> 
      <select class="form-control select2" style="width: 100%;"> 
       <option selected="selected">Alabama</option> 
       <option>Alaska</option> 
       <option disabled="disabled">California (disabled)</option> 
       <option>Delaware</option> 
       <option>Tennessee</option> 
       <option>Texas</option> 
       <option>Washington</option> 
      </select> 
     </div> 
     </div> 
     <!-- /.col --> 
     <div class="col-md-6"> 
     <div class="form-group"> 
      <label>Description</label> 
      <input type="text" class="form-control" placeholder="Name"> 
     </div> 
     <!-- /.form-group --> 
     <div class="form-group"> 
      <label>Time Zone</label> 
      <select class="form-control select2" style="width: 100%;"> 
       <option selected="selected">Alabama</option> 
       <option>Alaska</option> 
       t 
       <option disabled="disabled">California (disabled)</option> 
       <option>Delaware</option> 
       <option>Tennessee</option> 
       <option>Texas</option> 
       <option>Washington</option> 
      </select> 
     </div> 

     <div class="form-group"> 
      <label>Networking</label> 
      <select class="form-control select2" style="width: 100%;"> 
       <option>GPRS</option> 
       <option>WI-FI</option> 
      </select> 
     </div> 
     <!-- /.form-group --> 
     </div> 
     <!-- /.col --> 
    </div> 
    <!-- /.row --> 
</div> 

Answer 3

<div class="box-body"> 
<div class="row"> 
<div class="col-md-6"> 
<div class="form-group"> 
<label>Device Name</label> 
<input type="text" class="form-control" placeholder="Name" /> 
</div> 
<!-- /.form-group --> 
<div class="form-group"> 
    <label>Type</label> 
    <select class="form-control select2" style="width: 100%;"> 
     <option selected="selected">Alabama</option> 
     <option>Alaska</option> 
     <option disabled="disabled">California (disabled)</option> 
     <option>Delaware</option> 
     <option>Tennessee</option> 
     <option>Texas</option> 
     <option>Washington</option> 
    </select> 
</div> 
<!-- /.form-group --> 
<div class="form-group"> 
    <label>Enable</label> 
    <select class="form-control select2" style="width: 100%;"> 
     <option selected="selected">Alabama</option> 
     <option>Alaska</option> 
     <option disabled="disabled">California (disabled)</option> 
     <option>Delaware</option> 
     <option>Tennessee</option> 
     <option>Texas</option> 
     <option>Washington</option> 
    </select> 
</div>   
</div> 
<!-- /.col --> 
<div class="col-md-6"> 
<div class="form-group"> 
    <label>Description</label> 
    <input type="text" class="form-control" placeholder="Name" /> 
</div> 
<!-- /.form-group --> 
<div class="form-group"> 
<label>Time Zone</label> 
<select class="form-control select2" style="width: 100%;"> 
    <option selected="selected">Alabama</option> 
    <option>Alaska</option>t 
    <option disabled="disabled">California (disabled)</option> 
    <option>Delaware</option> 
    <option>Tennessee</option> 
    <option>Texas</option> 
    <option>Washington</option> 
</select> 
</div> 
<div class="form-group"> 
    <label>Networking</label> 
    <select class="form-control select2" style="width: 100%;"> 
     <option>GPRS</option> 
     <option>WI-FI</option> 
    </select> 
</div> 
<!-- /.form-group --> 
</div> 
<!-- /.col --> 
</div> 
<!-- /.row --> 
</div> 

in Ihrem Code wählen Sie einfach setzen "Enable" -Box Umzug in die erste Spalte-md-6