2017-12-31 210 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>