sanjay sanjay - 3 months ago 12
CSS Question

unable to make column left side in bootstrap

i want two columns side by side but while im writing . its coming only right side. ike this

Device name Description

Type Time Zone

Enable

Networking


i need enable and networking in the same ine,
table screen shot

code for making tabe. im unbe show divs side by side .

<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>


Desired output

Answer

You just need to put Enable inside the first col-md-6. Here is a working demo, http://www.bootply.com/NSqTJQciPQ