title: Trying to center a dropdown menu and an icon in Bootstrap
body: <p>I am learning Bootstrap and right now I am trying to center a dropdown menu and an icon to the middle of the page.  I am using the grid system, but no luck. Can somebody help out?  </p>
  
  <pre><code>&lt;h1 style="text-align:center;" class="text-left"&gt;Joeys Pizza&lt;/h1&gt;
  &lt;div class="row"&gt;
    &lt;div class="col-lg-7"&gt;
      &lt;select id="mySelect" title="Select a different week"&gt;
        &lt;option value="Option1"&gt;Option 1&lt;/option&gt;
        &lt;option value="Option2"&gt;Option 2&lt;/option&gt;
        &lt;option value="Option3"&gt;Option 3&lt;/option&gt;
        &lt;option value="Option4"&gt;Option 4&lt;/option&gt;
      &lt;/select&gt;
    &lt;/div&gt;
    &lt;div class="col-lg-5"&gt;
      &lt;i class="fa fa-print" style="font-size:24px"&gt;&lt;/i&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>