부트 스트랩 3 이미지 크기가 열로 배열

Question

이것은 CSS로는 쉽지만, 부트 스트랩을 사용하여이를 수행하는 방법을 알 수는 없습니다.

왼쪽이나 오른쪽으로 띄우면 텍스트가 감싸는 이미지를 원합니다. 그러나 md 및 lg 크기의 화면에는 3 열 너비를 지정하고 xs 및 sm 크기의 화면에는 단일 열을 채 웁니다. 큰 화면에 그래서

,이 같은 (지금 바로 여기에 최악의 스케치) :

이제 단 2 열을 걸쳐 보인다 불구하고 나는 종류의 그것은 ... 작업을하고 난 아니에요 확인 이유 :

<div class="row"> 
    <div class="col-md-10 col-md-offset-1"> 
    <div class="row"> 
     <h2>About Them Guys</h2> 
     <p class="intro">Home is where you hang your hat. Flank shank bacon, fatback boudin ham tongue beef ribs pig brisket pancetta frankfurter. Jerky pig biltong, chicken hamburger swine corned beef beef ribs beef jowl.</p> 

     <div class="col-md-11 col-md-offset-1"> 

     <p><img src="http://img690.imageshack.us/img690/5169/36ng.png" class="col-md-3 img-responsive pull-left" alt="" />Bacon ipsum dolor sit amet short loin jerky salami sausage, hamburger t-bone doner filet mignon sirloin beef. Tail short ribs jerky leberkas prosciutto pastrami fatback jowl turkey t-bone bacon. Hamburger tail tri-tip, ribeye ham hock leberkas meatball pig short ribs jerky meatloaf. Flank shank bacon, fatback boudin ham tongue beef ribs pig brisket pancetta frankfurter. Jerky pig biltong, chicken hamburger swine corned beef beef ribs beef jowl. Kevin cow turducken, pancetta fatback swine pig boudin ball tip kielbasa venison. Pig salami capicola chuck pancetta pork.</p> 

     </div> 
    </div> <!--row--> 
    </div> <!--col offset--> 
</div> <!--row--> 

그 단락 전체 이미지 col-md-3가 첫 번째 열은 "1"로 오프셋 계산 된 열에 의해 상쇄되는 경우? 내가 col-md-4을 사용한다면 3 열을 스팬합니다. 누락되지 않았 음을 확인하고 싶습니다.

감사합니다.

Answer 1

이 작동 갈까요

<div class="row"> 
     <div class="col-md-10 col-md-offset-1"> 
     <div class="row"> 
      <h2>About Them Guys</h2> 
      <p class="intro">Home is where you hang your hat. Flank shank bacon, fatback boudin ham tongue beef ribs pig brisket pancetta frankfurter. Jerky pig biltong, chicken hamburger swine corned beef beef ribs beef jowl.</p> 

      <div class="col-md-11 col-sm-12 col-xs-12 col-md-offset-1"> 

      <p><img src="http://img690.imageshack.us/img690/5169/36ng.png" class="col-md-3 img-responsive pull-left" alt="" />Bacon ipsum dolor sit amet short loin jerky salami sausage, hamburger t-bone doner filet mignon sirloin beef. Tail short ribs jerky leberkas prosciutto pastrami fatback jowl turkey t-bone bacon. Hamburger tail tri-tip, ribeye ham hock leberkas meatball pig short ribs jerky meatloaf. Flank shank bacon, fatback boudin ham tongue beef ribs pig brisket pancetta frankfurter. Jerky pig biltong, chicken hamburger swine corned beef beef ribs beef jowl. Kevin cow turducken, pancetta fatback swine pig boudin ball tip kielbasa venison. Pig salami capicola chuck pancetta pork.</p> 

      </div> 
     </div> <!--row--> 
     </div> <!--col offset--> 
    </div>