センター私は問題を解決するために助けが必要

Question

が、私はbootstrap4の列内のコンテンツを中央に必要な4ブートストラップの列内のコンテンツから、いずれかのクラスをオフセット追加

<div class="container"> 
    <div class="row justify-content-center"> 
     <div class="col-3"> 
     <div class="nauk-info-connections"> 
     </div> 
    </div> 
</div> 

Answer 1

以下の私のコードを見つけてくださいoffset-1からoffset-11まで、これが中心になります。

<div class="col-3 offset-5"> 

    <div class="nauk-info-connections text-center" style="border: 1px red solid"> 
    Text here2 
    <span>span text </span> 
</div> 

それは、中心を置いているので、私は、「オフセット-5」を使用フィドルでブートストラップ4を使用してfiddleをご覧ください。

Answer 2

は中央グリッドcol-*に使用することができるdisplay:block要素

offset-*又はmx-autoをセンタリングする

中心ため

• text-centerdisplay:inline要素
• mx-auto ...ブートストラップ4における複数水平センタリング方法がありますセンター01から

row内部

mx-auto（オートx軸マージン）（％、VW、PX、等。）、定義された幅を有するdisplay:blockまたはdisplay:flex要素を中心に説明します。 Flexboxはデフォルトでグリッドカラムで使用されるため、さまざまなフレックスボックスのセンタリング方法もあります。あなたのケースでは

Demo of the Bootstrap 4 Centering Methods

、それはコンテンツの中心部しcol-3とtext-centerを中央にmx-autoを使用..

<div class="row"> 
    <div class="col-3 mx-auto"> 
     <div class="nauk-info-connections text-center"> 
      center 
     </div> 
    </div> 
</div> 

http://www.codeply.com/go/GRUfnxl3Ol

も参照してください：
Vertical Align Center in Bootstrap 4

Answer 3

クラスにtext-centerを追加してください：

<div class="col text-center"> 
I am centered 
</div>