Form

<div class="uk-grid" data-uk-grid-margin>
 
  <div class="uk-width-medium-1-2">
 
    <div class="uk-panel">
 
    <form class="uk-form">
      <fieldset class="uk-form">
      <legend>Form styles</legend>
        <div class="uk-form-row">
          <input type="text" placeholder="form-large" class="uk-form-large uk-form-width-medium">
          <button class="uk-button uk-button-large" type="reset">Large</button>
        </div>
        <div class="uk-form-row">
          <input type="text" placeholder="form-small" class="uk-form-small uk-form-width-medium">
          <button class="uk-button uk-button-small" type="reset">Small</button>
        </div>
        <div class="uk-form-row">
          <input type="text" placeholder="form-blank" class="uk-form-width-medium uk-form-blank">
          <button class="uk-button uk-button-mini" type="reset">Mini</button>
        </div>
      </fieldset>
    </form>
 
    </div>
 
  </div>
 
  <div class="uk-width-medium-1-2">
 
    <div class="uk-panel">
 
    <form class="uk-form">
      <fieldset>
      <legend>Form states</legend>
        <div class="uk-form-row">
          <input type="text" placeholder="Text Input" class="uk-width-1-1">
        </div>
        <div class="uk-form-row">
          <input type="text" placeholder="form-success" value="form-success" class="uk-width-1-1 uk-form-success">
        </div>
        <div class="uk-form-row">
          <input type="text" placeholder="form-danger" value="form-danger" class="uk-width-1-1 uk-form-danger">
        </div>
        <div class="uk-form-row">
          <input type="text" placeholder="form disabled" class="uk-width-1-1" disabled>
        </div>
      </fieldset>
    </form>
 
    </div>
 
  </div>
 
</div>