在 Bootstrap Pull Push 问题上需要帮助答案

【问题标题】：Need help on Bootstrap Pull Push issue在 Bootstrap Pull Push 问题上需要帮助
【发布时间】：2014-12-01 05:15:06
【问题描述】：

我在这里的第一个问题。在我正在开发的网站上使用 bootstrap pull 和 push 让我头疼。
这就是我想要实现的目标：
1.大视口上：
http://i.imgur.com/tj0yuzr.png

2. 手机端查看：
http://i.imgur.com/cu1gKNe.png

我正在使用引导程序将块 B 拉到左侧。问题是有 块 A 和 B：宽度 4 和块 C：宽度 8 很重要。 我不知道该怎么做，因为总宽度将超过 12。请帮我。谢谢你。

【问题讨论】：

你能用小提琴展示这个问题吗？？
嗨对不起，nvm，它工作正常，它不再使用拉和推，但只要它工作哈哈

标签： html css twitter-bootstrap push pull

【解决方案1】：

您可以在引导程序中使用列嵌套来提供 A & B 宽度：4 和 C 宽度：8。

<div class="col-md-4">
  <div class="col-md-12" style="height:100px;background:red;">A</div>
  <div class="col-md-12" style="height:100px;background:green">B</div>
</div>

<div class="col-md-8" style="height:200px;background:blue">C</div>

或不嵌套代码（在此 C 将高于 B 在小型设备中）将如下所示

HTML

<div class="col-md-4" style="height:100px;background:red;">A</div>
<div class="col-md-8 float" style="height:100px;background:blue">C</div>
<div class="col-md-4" style="height:100px;background:green">B</div>

CSS

@media (min-width: 992px) 
  { 
    .float
    {
      float:right!important;
      height: 200px!important;
    } 
  }

jsfiddle 链接：http://jsfiddle.net/arshadmuhammed/0qvL5bxg/

【讨论】：

嗨！是的，我想在小型设备中使C高于B，所以我使用浮动方法，它正在工作！当我看你的答案时，它似乎很简单......我需要了解更多。谢谢
@JaysungTab：很高兴知道它对您有所帮助。 :)