引导3格显示块

想建立这样的事情：http://s29.postimg.org/n2me4y65z/img.png 引导3格显示块

<div class="row"> 
    <div class="col-md-12"> 
     <div class="col-md-6"> 

     </div> 
     <div class="col-md-6"> 
      ... 
     </div> 
     <img src="test.png" class="img-responsive"/> 
    </div> 
</div>

问题1 导致DIV2保持低于1，股利（显示：块不工作）

问题2 使图像始终保持在右侧。（然后消失“隐藏XS”）

如果有人能够帮助;/

来源

2013-12-22 NaDa

你不需要外分度，全宽，引导自动假设一个12列布局。只要确保你将所有内容都包含在一个“容器”类的div中。您可以使用浮动来设置定位。

<div class="container"> 
    <div class="row">       
     <div id="div1" class="col-md-8" style="{float:left;}"> 
      Div 1 Text 
     </div> 
     <div id="div2" class="col-md-4" style="{float:right;}"> 
      <img src="test.png" class="img-responsive"/> 
     </div> 
     <div id="div3" class="col-md-8" style="{float:left;}"> 
      Div 2 Text 
     </div> 
    </div> 
</div>

来源

2013-12-22 02:52:52 anyaelise

什么样式属性中的大括号？ –

<div class="row"> 
    <div class="col-md-8"> 
     <div>Div 1 text</div> 
     <div>Div 2 text</div> 
    </div> 
    <div class="col-md-4"> 
     <img src="test.png" class="img-responsive"/> 
    </div> 
</div>

添加引导的词缀或响应，助手将您的图片，如果你需要在用别针把它在滚动上隐藏小分辨率设备。

来源

2013-12-22 02:17:12

如果使用媒体对象或媒体列表，如果它适合您的情况如何？

<div class="media"> 
    <a class="pull-right" href="#"> 
    <img class="media-object hidden-xs" src="//placehold.it/200x150" alt="..."> 
    </a> 
    <div class="media-body"> 
    <h4 class="media-heading">Media heading</h4> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate. 
Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero. Aenean sit amet felis 
dolor, in sagittis nisi. Sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan. 
Aliquam in felis sit amet augue. 
    </div> 
    <div class="media-body"> 
    <h4 class="media-heading">Media heading</h4> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate. 
Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero. Aenean sit amet felis 
dolor, in sagittis nisi. Sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan. 
Aliquam in felis sit amet augue. 
    </div> 
</div>

Bootstrap3 - Media object

可以玩弄这里这个样本：http://bootply.com/101967

来源

2013-12-22 02:30:11 tkymtk

引导3格显示块

回答

相关问题