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更改为float：none，因为它位于navbar内。

请参阅示例代码段。

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

它的工作

＆＃13;

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

＆＃13;

Answer 3

或添加.navbar.navbar-default .navbar-text {text-align：center;到你的样式表

Bootstrap - 中心导航栏文本

3 个答案: