부트 스트랩을 사용하여 반응적인 방식으로 이미지 및 기타 요소 추가하기

Question

나는 특정 방식으로 몇 가지 html 요소를 넣으려고합니다. 하지만 처음에는 이미지를 추가 했으므로 크기가 변경되지 않습니다.

이미지를 변경하려면 .img-rounded1 { float:left; height:60% !important ; width:30% !important}을 추가했습니다.

도 float:left; height:60% !important ; width:30% !important 인라인 이미지 태그로 시도했습니다. 그러나 아무 도움도.

뿐인 :이 같은 요소를 표시 할 http://jsfiddle.net/karimkhan/dZTh6/2/

:

내가 content1 사업부 내에서이 사용 어떤 레이아웃 shoult

? 4 열 또는 더 나은 방법으로 테이블을 가져 가야합니까?

Answer 1

나는 당신을 undestood 경우 확실하지 않습니다. (: 100 % 최대 폭을 사용하는) :

이

<img src="http://placehold.it/931x754" alt="..." class="img-responsive img-rounded"> 

이전 솔루션을 만들 것입니다 당신이 이미지는 부모와 같은 폭을 확인하려면

, 당신은 IMG 응답을 추가해야 "열 유형"레이아웃.

http://jsfiddle.net/dZTh6/6/

은 또한 당신은 레이아웃 열과 행의 조합을 사용 할 수 있습니다.

하지만 "텍스트"(또는 무엇이든 둘러싸는 것이 공간을 채울 수 있도록) 컨테이너 내부에 이미지를 떠있는 것에 대해 생각해야합니다. 컨테이너 내부의 이미지를 플로팅하는 것입니다.

첫 번째 내용과 두 번째에 대한 행 하나에 대한 열 레이아웃을 수행 할 경우,이 코드를 확인하십시오 http://jsfiddle.net/dZTh6/5/

당신이 COL-xs- * 클래스에 의해 주어진 패딩을 제거 할 수 있습니다.