Попытка центрировать выпадающее меню и значок в Bootstrap

Question

Я учусь Bootstrap, и сейчас я пытаюсь расположить выпадающее меню и значок в центре страницы. Я использую систему сетки, но не повезло. Может кто-нибудь помочь?

<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>

Answer 1

Я не уверен, что вы хотите. Но я понимаю, что вы хотите, чтобы центр выпадающего списка и изображения.

Проверьте это ...

  <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>