ブートストラップグリッドを使って行のテキストを中央に配置

Question

私はプロジェクトのモックアップを書き始めました。基本的に、私はこのような構造を得るために、ブートストラップグリッドを使用します。ここでは

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

はないその列ではなくで、メインタイトルを中央にあります行全体。このグリッド構造を維持しながら、これを行う方法はありますか？

Ps：私はこれを他の方法で行うことができますが、グリッドでこれを達成する方法があるかどうかは不思議でした。

ありがとうございます！

Answer 1

は、あなたがそう私が提案する可能性が、これはあなたが探して何だろう

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

Answer 2

あなたは、あなたが他の要素のための別の行を置くことができる唯一のMain Tittle

<div class="container-fluid"> 
    <div class="row"> 
    <h1 class="text-center">Project Name</h1> 
    </div> 
</div> 

のための別の行を取ることができます。

Answer 3

、それは以下のようにpseudo selector ::beforeを試している、あなたにcenterにテキストを揃える.project-nameを.text-centerをすでに使用している参照してください。

<section> 
    <div class="container"> 
    <div class="row"> 
     <div class="col-xs-12 center-block text-center"> 
     <h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h1> 
     <p> 
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
     </p> 
     </div> 
    </div> 
    </div> 
</section> 

Answer 4

ブートストラップのcol-xs-offset- *クラスを試すことができます。

は、この上の詳細については、このリンクを見てください： enter link description here

それはCOL（フィドルを参照）内のテキストを中心に説明するが、私は全体的に、それを中心にしたいクラス名