Question

我的第一个问题。我在使用bootstrap pull和推动我正在努力的网站时感到头疼。
这就是我想要实现的目标：
1.在大视口上：
http://i.imgur.com/tj0yuzr.png

2.在移动视图中：
http://i.imgur.com/cu1gKNe.png

我正在使用bootstrap将块B拉到左边。问题是块A和B：宽度4和块C：宽度8是很重要的。我不知道怎么做，因为总宽度将超过12。请帮我。谢谢。

Answer 1

你可以在bootstrap中使用列嵌套来给A＆amp; 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>

没有嵌套代码的OR（在 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/

需要有关Bootstrap Pull Push问题的帮助

1 个答案: