title: How to have focused Input form with Bootstrap
body: <p>I'm using Bootstrap 3.0.0 and I want to use the focused input form:
  <a href="http://getbootstrap.com/css/#forms-controls-static" rel="noreferrer">See here, under Form States.. input focus</a></p>
  
  <p>I have used <code>&lt;input class="form-control" id="focusedInput" type="text" value="This is focused..."&gt;</code> this to get it as focused, but I'm not getting that. Documentation said to use <code>:focus</code> to get focused but I don't know how.</p>
  
  <p>some code in bootstrap.css</p>
  
  <pre><code>.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
            transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  }
  
  .form-control :focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  }
  </code></pre>