Bootstrap 3图像的大小由列

这只是简单的CSS，但我不知道如何使用Bootstrap使用它。Bootstrap 3图像的大小由列

我想有一个图像文字环绕它，无论是向左或向右浮动。不过，我希望它为md和lg大小的屏幕提供3列宽，并为xs和sm大小的屏幕填充单列。

所以，在更大屏幕上，这样的事情（最糟糕的素描曾经在这里）： enter image description here

现在，我有点有它的工作...但它似乎只跨越两列，我不知道为什么：

<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列 - 希望确保我没有错过的东西。

谢谢！

来源

2014-02-07 Gisto

这768,16工作

<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>

来源

2014-02-12 14:10:44 Arun

Bootstrap 3图像的大小由列

回答

相关问题