title: Twitter bootstrap nesting form layouts
body: <p>I am just getting started using bootstrap. I need to position three input fields to form an "address" field.</p>
  
  <p><img src="https://i.stack.imgur.com/I3PHz.png" alt="What I&#39;m trying to achieve"></p>
  
  <p>I have tried using the following html:</p>
  
  <pre><code>&lt;label for="street"&gt;Address&lt;/label&gt;
  &lt;input class="span3" id="street" name="street" placeholder="Street"/&gt;&lt;br/&gt;
  
  &lt;input id="zipcode" class="span1 inline" placeholder="Zipcode"/&gt;
  &lt;input id="city" class="span2 inline" placeholder="City"/&gt;
  </code></pre>
  
  <p>This is almost correct but the size is a bit off</p>
  
  <p><img src="https://i.stack.imgur.com/8Rmte.png" alt="incorrect"></p>
  
  <p>Is there a better way to achieve this layout (without having to make custom styles to achieve the correct width)?</p>