Different form controls for CSS Frameworks

form

<!-- Bootstrap 2 -->
<form class="form-horizontal">
  <div class="control-group">
    <label class="control-label" for="inputEmail">Email</label>
    <div class="controls">
      <input type="text" id="inputEmail" placeholder="Email">
    </div>
  </div>
</form>

<!-- Bootstrap 3 -->
<form role="form">
  <div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
  </div>
</form>

<!-- Foundation -->
<form>
  <div class="row">
    <!-- Number represents how much of the 12 coloumns to span -->
    <div class="large-12 columns">
      <label>Input Label
        <input type="text" placeholder="Enter email" />
      </label>
    </div>
  </div>
</form>

<!-- UIKit -->
<form class="uk-form uk-form-stacked">
    <div class="uk-form-row">
        <label class="uk-form-label" for="">Input Label</label>
        <div class="uk-form-controls"><input type="text" placeholder="Enter email"></div>
    </div>
</form>

Email