I am not sure what you want. But what I understand is you want to center drop down and image.

Check this…

  <h1 style="text-align:center;" class="text-left">Joeys Pizza</h1>
        <div class="row">
            <div class="col-lg-1">&nbsp;</div>
            <div class="col-lg-5 text-right">
                <select id="mySelect" title="Select a different week">
                    <option value="Option1">Option 1</option>
                    <option value="Option2">Option 2</option>
                    <option value="Option3">Option 3</option>
                    <option value="Option4">Option 4</option>
                </select>
            </div>
            <div class="col-lg-5 text-left">
                <i class="fa fa-print" style="font-size:24px"></i>
            </div>
            <div class="col-lg-1">&nbsp;</div>
        </div>

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?

<h1 style="text-align:center;" class="text-left">Joeys Pizza</h1>
<div class="row">
  <div class="col-lg-7">
    <select id="mySelect" title="Select a different week">
      <option value="Option1">Option 1</option>
      <option value="Option2">Option 2</option>
      <option value="Option3">Option 3</option>
      <option value="Option4">Option 4</option>
    </select>
  </div>
  <div class="col-lg-5">
    <i class="fa fa-print" style="font-size:24px"></i>
  </div>
</div>