使用Bootstrap网格使文本居中

尼古拉斯·巴洛吉斯(Nicolas Barlogis)

我开始为一个项目编写模型。基本上,我使用引导网格来获得这样的结构:

<div class="container-fluid">
  <div class="row">
    <div class="col-xs-2">...</div>
    <div class="col-xs-6">Main Title</div>
    <div class="col-xs-4">...</div>
  </div>
</div>

这是一个完整的小提琴:https : //jsfiddle.net/f8fn9Los/4/

我要做的是将Main标题居中,而不是在其列中居中,而在整行中。有什么办法做到这一点,同时又保持这种网格结构?

附:我知道我可以用其他方式做到这一点,但是我只是想知道是否有某种方法可以通过网格来实现。

谢谢!

法国

看到您已经习惯.text-center.project-name将文本与对齐center,因此我建议尝试pseudo selector ::before如下操作,

.text-center::before{
  content:"";
  margin-left:calc(100% - 75%);
} 

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章