Bootstrap - Центр Navbar Текст

Question

Я пытаюсь центрировать текст в этом примере, но это не представляется возможным

<div class="col-md-10"> 
 
    <br> 
 
    <br> 
 

 
    <div class="navbar navbar-default"> 
 

 
    <div class="container"> 
 
     <p style="font-size: 12pt;" class="navbar-text"><strong>Centre this Text</strong> 
 
     </p> 
 

 

 
    </div> 
 
    </div> 
 
</div>

Answer 1

Вы должны поменять float: left to float: none, так как это находится внутри navbar.

См. Пример Snippet.

.navbar.navbar-default p.navbar-text { 
 
    text-align: center; 
 
    float: none; 
 
    font-size: 12pt; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" /> 
 
<div class="navbar navbar-default"> 
 
    <div class="container"> 
 
    <div class="row"> 
 
     <div class="col-md-12"> 
 
     <p class="navbar-text"><strong>Centre this Text</strong> 
 

 
     </p> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

Answer 2

Он работал

<div class="col-md-10"> 
 
    <br> 
 
    <br> 
 

 
    <div class="navbar navbar-default"> 
 

 
    <div class="container"> 
 
     <p style="font-size: 12pt;" class="navbar-text" align="center"><strong>Centre this Text</strong> 
 
     </p> 
 

 

 
    </div> 
 
    </div> 
 
</div>

Answer 3

O r add .navbar.navbar-default .navbar-text {text-align: center; } в таблицу стилей