コンテナ内のイメージを右に引っ張ります

Question

私は最初の行のコンテナの右に置いておきたいロゴがあります。まず、私はこのコードを書いた：

<div class="container"> 
    <div class="row"> 
     <div class="col-md-3"> 
      <img src="../Images/logo.png" alt="Logo"/> 
     </div> 
     <div class="col-md-9"> 
     </div> 
    </div> 
</div>  

をし、ロゴは、いくつかのマージンを持つ最初の行の左側に表示されます。今、私はこのように私のdivにpull-rightクラスを追加します。

<div class="col-md-3 pull-right"> 
    <img src="../Images/logo.png" alt="Logo"/> 
</div> 

およびロゴマークは、任意の余白なしでブラウザウィンドウの右側に整列されます。どのように左のように最初の行の右側にロゴを置くのですか？

おかげ

Answer 1

あなたがイメージをプルする必要がある権利、ない行に画像を引っ張っする場合：あなたは、列にしたい場合は

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<div class="container"> 
 
    <div class="row"> 
 
     <div class="col-xs-6"> 
 
      <img src="../Images/logo.png" alt="Logo" class="pull-right"/> 
 
     </div> 
 
     <div class="col-xs-6"> 
 
      Column 2 
 
     </div> 
 
    </div> 
 
</div>

<div>の順番を変更せずに場所を切り替える場合は、.col-*-pull-* and .col-*-push-*を使用してください。彼らは、カラム雨どいを尊重します：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<div class="container"> 
 
    <div class="row"> 
 
     <div class="col-xs-6 col-xs-push-6"> 
 
      <img src="../Images/logo.png" alt="Logo"/> 
 
     </div> 
 
     <div class="col-xs-6 col-xs-pull-6"> 
 
      Column 2 
 
     </div> 
 
    </div> 
 
</div>

もちろん、同様2を組み合わせることができます。

（ところで、最終的なデザインでalt-textを "ロゴ"に設定しないでください。会社名のように便利なものに設定してください）。