Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Using Bootstrap, you want to take a look at the Grid system: <a href="http://getbootstrap.com/css/#grid" rel="nofollow">http://getbootstrap.com/css/#grid</a>.</p> <p>Here's a basic idea to get things rolling:</p> <pre><code>&lt;div class="cartoptionbox"&gt; &lt;div class="row"&gt; &lt;div class="span6"&gt; &lt;form class="form-horizontal"&gt; &lt;div class="control-group"&gt; &lt;label class="control-label" for="key code"&gt;Source Code&lt;/label&gt; &lt;div class="controls"&gt; &lt;input type="text" id="keycode" name="keycode"&gt; &lt;input id="cart-keycode-apply" type="submit" class="btn btn-orange" value="Apply"&gt; &lt;/div&gt; &lt;/div&gt; &lt;/form&gt; &lt;/div&gt; &lt;div class="span6"&gt; &lt;form class="form-horizontal"&gt; &lt;div class="control-group"&gt; &lt;label class="control-label" for="PostalCode_SHIP"&gt;Zip Code:&lt;/label&gt; &lt;div class="controls"&gt; &lt;input type="text" id="PostalCode_SHIP" value="" name="PostalCode_SHIP" onchange="populateCartTotalInCartPage();" minlength="5"&gt; &lt;input type="button" onclick="populateCartTotalInCartPage();toggleTable();" value="Get Quotes" class="btn btn-orange"&gt; &lt;/div&gt; &lt;/div&gt; &lt;/form&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>Keep in mind that the magic number is "12", so in the example above the columns would be equally weighted. Otherwise, you could do a 1/3 or 3/1 split using the <code>.span3</code> and <code>.span9</code> classes. You have plenty of options along with being able to offset columns as well.</p> <p><strong>Update</strong> I've updated the example above to show you a little more within the context of your code. I did not include all of it.</p> <p><strong>Update #2</strong> Take a look at the example here: <a href="http://jsfiddle.net/Yp3ve/1/" rel="nofollow">http://jsfiddle.net/Yp3ve/1/</a></p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload