How to center block in Bootstrap?

Question

css

I'm trying like this, but it doesn't align
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

Correct the layout, you have in the list </a></li>either </li></a>
jsbin.com/kojawuw/edit?html,css,output

Answer 2

Give your class .breadcrumb display: inline-block

Answer 3

If .breadcrumb add margin: o auto; not?