Как выровнять блок по центру Bootstrap?

Question

[Kostya Ostapuk]

пытаюсь вот так, но не выравнивается
text-align:center;

<section class="menu">
      <div class="container">
         <div class="row">
         <div class="col-md-12">
               <ol class="breadcrumb">
                 <li><a href="#">Главная</a></li>
                 <li><a href="#">Номера</a></li>
                 <li><a href="#">Проведение мероприятий</li></a>
                 <li><a href="#">Фотогалерея</li></a>
                 <li><a href="#">Контакты</li></a>
               </ol>
         </div>
         </div>
      </div>
   </section>

.breadcrumb{
   text-align: center;
}

Answer 1

[Anton Bobylev]

Верстку поправьте, у вас в списке то </a></li>, то </li></a>

jsbin.com/kojawuw/edit?html,css,output

Answer 2

[dranets13]

Добавьте вашему классу .breadcrumb display: inline-block

Answer 3

[goooooch]

Если .breadcrumb добавить margin: o auto; не?