JSFiddle - React, Tailwind, and code Playground

Bootstrap Form 2 columns

by Yolanda Robles

HTML

<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<div class="container">
	<div class="row clearfix">
		
		<div class="col-xs-12 col-sm-12 col-md-8 col-lg-6  column col-sm-offset-0 col-md-offset-2 col-lg-offset-3">

<form class="form-horizontal">
<fieldset>

<!-- Form Name -->
<legend>Form Name</legend>
<!-- Select Basic -->
<div class="form-group">
  <label class="col-md-3 control-label" for="selectbasic">Select Basic</label>
  <div class="col-md-9">
    <select id="selectbasic" name="selectbasic" class="form-control">
      <option value="1">Option one</option>
      <option value="2">Option two</option>
      <option value="3">Option three</option>
    </select>
  </div>
</div>


<!-- Text input-->
<div class="form-group">
  <label class="col-md-3 control-label" for="textinput">Text Input</label>  
  <div class="col-md-3">
  	<input id="textinput" name="textinput" type="text" placeholder="placeholder" class="form-control input-md">
  </div>


<!-- Multiple Radios (inline) -->

  <label class="col-md-3 control-label" for="radios">Inline Radios</label>
  <div class="col-md-3"> 
    <label class="radio-inline" for="radios-0">
      <input type="radio" name="radios" id="radios-0" value="1" checked="checked">
      Yes
    </label> 
    <label class="radio-inline" for="radios-1">
      <input type="radio" name="radios" id="radios-1" value="2">
      No
    </label> 
  </div>
</div>
<div class="form-group">
  <label class="col-md-3 control-label" for="textinput">Text Input</label>  
  <div class="col-md-3">
  	<input id="textinput" name="textinput" type="text" placeholder="placeholder" class="form-control input-md">
  </div>
  <label class="col-md-3 control-label" for="textinput">Text Input</label>  
  <div class="col-md-3">
  	<input id="textinput" name="textinput" type="text" placeholder="placeholder" class="form-control...