2017-12-31 212 views
0

小さい画面用のテキスト(3.3.7)に対応​​する画像を作ります小さな画面用のテキストの次に表示させることはできますか?だから、基本的にこの:次の私は、ブートストラップで応答性のイメージを持っている

enter image description here

私はimg-responsivedisplay: blockを追加することを理解し、私は、インラインスタイルであることを上書きしようとしたが、それは動作しませんでした。

+1

読むことを行うことができます: 'img'と' textzは、次のそれぞれに二つのブロックされています'.row'の中に入れ子になっているものは、小さな画面の場合は' col-4'と 'col-8'のようなものを割り当て、大きいものの場合は' col-12'を割り当てます – Sergey

答えて

0

float:left;を使用することによってあなたは、次の構造を変更することにより、それを扱うことができ、よりからhere

<div class="col-sm-2 text-center" > 
 
    <img class="img-responsive center-block" src="https://i.stack.imgur.com/R7CuQ.jpg" style="float:left;margin:4px; width: 120px;"> 
 
    <p>Some guarantee text here</p> 
 
    <p>Some sdasd</p> 
 
</div>

関連する問題