Html 对齐引导网格

因此，我正在使用bootstrap编写一个网站，一个简单的问题困扰着我。 基本上我会有一个容器，里面有一行，里面有3列col-lg-4列。我的问题是列没有居中，也没有填充行。范例

正如你所看到的，标题“约翰尼”应该在屏幕的右侧，标题“拉斐尔”应该居中

我曾尝试将以行为中心和以列为中心的类添加到我的div中，但没有效果（以行为中心只是将文本居中对齐）

代码如下：

<div class="container breathing-room-bottom">
  <div class="row">
    <div class="col-lg-4">
        <p class="sans" style="font-weight:500; text-align:;">Connor Norvell
          <br>
          <span2 style="color:#828282;">Art Director
          <br>(555) 555 - 5555
          <br>connor@mggall.com</span2>
        </p>
      </div>
      <div class="col-lg-4">
        <p class="sans" style="font-weight:500; text-align:;">Rafael De La Vega
          <br>
          <span2 style="color:#828282; font-weight:500;">Art Director
          <br>(555) 555 - 5555
          <br>rafael@mggall.com</span2>
        </p>
      </div>
      <div class="col-lg-4">
        <p class="sans" style="font-weight:500; text-align:;">Johnny Presslaur
          <br>
          <span2 style="color:#828282;">Art Director
          <br>(555) 555 - 5555
          <br>johnny@mggall.com</span2>
        </p>
      </div>
    </div>
 </div>

康纳诺威尔


艺术总监

（555）555-5555

connor@mggall.com

拉斐尔·德拉维加


艺术总监

（555）555-5555

rafael@mggall.com

约翰尼·普雷斯劳


艺术总监

（555）555-5555

johnny@mggall.com

---

除了

.sans

（使文本无衬线）和

.breathing room bottom

（将5%的填充添加到容器底部）之外，所有内容都是引导式的。

引导式有许多用于样式设置的内置类。学习它们，使用它们

在这种情况下，您需要的类是：

text left

，

text center

，

text right

希望这有帮助

康纳诺威尔


艺术总监

（555）555-5555

connor@mggall.com

拉斐尔·德拉维加


艺术总监

（555）555-5555

rafael@mggall.com

约翰尼·普雷斯劳


艺术总监

（555）555-5555

johnny@mggall.com

我想你想把

文本对齐

设置为

左

，

居中

，和

右

我做了一个插入

你必须将

文本对齐

设置为居中，就像在这把小提琴的第一列和最后一列一样，或者使用引导对齐类

文本居中

，就像在中间一列一样（我建议采用这种方法）

---

请删除示例png中不合适的措辞，然后将其内联。谢谢！我已经这样做了，但我想知道是否可以将文本对齐到左侧，但将右栏对齐到右侧。可能不可能。如果我不能这样做，我将像你一样对齐它said@ConnorNorvell-右栏内容为on位于容器的右侧（）。如果希望文本位于右侧，则必须使用文本右侧。