2017-05-20 2 views
-1

イメージを左に揃える必要がありますが、CSSのブートストラップで自動的に中央に合わせます。どのようにそれを修正するには?は左にimgが必要ですが、ブートストラップはデフォルトで中央に配置されます

<div class="container"> 
     <div class="row"> 
      <div class="col-md-6 img-left"></div> 
      <a href="http://placehold.it"><img src="http://placehold.it/150x150" alt="this is the portfolio main photo"></a> 
      <div class="col-md-6 text-right text-uppercase"> 
       <h1>Bruno</h1> 
       <h4>The SAVIOR</h4> 
      </div> 
     </div> 
    </div> 

the problem

答えて

0

私はあなたが終了アンカータグの後にあなたのイメージ/アンカーが含まれているのdivを閉じるために必要があると思います。そうですね:

<div class="col-md-6 img-left"> 
<a href="http://placehold.it"><img src="http://placehold.it/150x150" alt="this is the portfolio main photo"></a> 
</div> 

私は実際にこれをテストすることはできませんが、試してみてください。あなたの問題を解決するはずです。

0

画像の前に左揃えでタグを閉じるように見えます。

<div class="col-md-6 img-left"> 
     <a href="http://placehold.it"><img src="http://placehold.it/150x150" alt="this is the portfolio main photo"></a> 
</div> 
関連する問題