我开始为一个项目编写模型。基本上,我使用引导网格来获得这样的结构:
<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] 删除。
我来说两句