title: How to output inline text with bootstrap
body: <p>I have added a !important to make sure that my css rules comes first but my inputs still behave like it was display in block; <a href="http://jsfiddle.net/gdiamond/zNFD4/3/" rel="nofollow">fiddle</a></p>
  
  <pre><code>input{
      display: inline!important;
    }
  
  &lt;p&gt;My name is 
      &lt;input type="text" placeholder="Name" class="form-control" style='display:inline;'/&gt;
  from USA. And I'm     &lt;input type="text" placeholder="21" class="form-control" style='display:inline;'/&gt; years old.
  &lt;/p&gt;
  </code></pre>