私はブートストラップグリッドの列に要素を中心にして<center>

Question

と申します。私は罪を犯しました。申し訳ありませんが、要素を中央に置くことはできず、タグはすべてが魅力的に機能するようにします。あなたが推測できるように、私はCSSに堪能ではありません。誰もそれを行うためのより良い方法を見ることができますか？

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-lg-2"><img alt="Logo" src="./images/logo.png"> 
     </div> 
     <div class="col-lg-8"> 
      <center><span> text to center</span></center> 
     </div> 
     <div class="col-lg-1"> 
      <span element></span> 
     </div> 
    </div> 
</div> 

おかげ

Answer 1

ブートストラップは、独自の "テキスト・センター" クラスがあります。 .col-lg-8タグに適用すると、そのセンタータグを削除できます。

それは次のようになります。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

 
<div class="container-fluid"> 
 
    <div class="row"> 
 
     <div class="col-lg-2"><img alt="Logo" src="./images/logo.png"> 
 
     </div> 
 
     <div class="col-lg-8 text-center"> 
 
      <span> text to center</span> 
 
     </div> 
 
     <div class="col-lg-1"> 
 
      <span element></span> 
 
     </div> 
 
    </div> 
 
</div>