Question

很抱歉在Stackoverflow中说明这一点。我犯罪了。抱歉，我无法将元素集中在一起，标签使一切都像魅力一样。你可以猜到我不是很流利的CSS。谁能看到更好的方法呢？

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-2"><img alt="Logo" src="./images/logo.png">
        </div>
        <div class="col-lg-8">
            <center><span> text to center</span></center>
        </div>
        <div class="col-lg-1">
            <span element></span>
        </div>
    </div>
</div>

由于

Answer 1

Bootstrap有自己的“文本中心”类。如果将其应用于.col-lg-8标记，则可以删除该中心标记。

看起来像这样：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-2"><img alt="Logo" src="./images/logo.png">
        </div>
        <div class="col-lg-8 text-center">
            <span> text to center</span>
        </div>
        <div class="col-lg-1">
            <span element></span>
        </div>
    </div>
</div>

我将一个元素集中在一个带有<center>的bootstrap网格中的一列中

1 个答案: