引导网格系统布局答案

【问题标题】：bootstrap grid system layout引导网格系统布局
【发布时间】：2018-05-28 03:59:21
【问题描述】：

我已经阅读了一些引导网格系统文档，但没有答案可以解决我的问题。我想要我的 html 布局，如下图所示，有没有办法通过使用 Bootstrap 网格系统来做到这一点。

【问题讨论】：

原生使用我认为不可能
希望您至少尝试自己编写代码。 Stack Overflow 不是代码编写服务。我建议你做一些额外的研究，无论是通过谷歌还是通过搜索，尝试一下。如果您仍然遇到问题，请返回您的代码并解释您尝试过的方法以及为什么它不起作用。

【解决方案1】：

是的，这是可能的，而且非常容易

<div class="container-fluid">
   <div class="row">
        <div class="col-md-8 col-xs-12">
             both 1 and 3
       </div>
  </div>

 <div class="col-md-4 col-xs-12">
      both 2 nd 4 grid
</div>
</div>

【讨论】：

【解决方案2】：

这是它的代码：

<div class="container">
  <div class="row">
    <div class="col-sm-6">
      1
    </div>
    <div class="col-sm-6">
      2
    </div>
    <div class="row">
    <div class="col-sm-6">
      3
    </div>
    <div class="col-sm-6">
      4
    </div>
    </div>

检查小提琴调整窗口大小：https://jsfiddle.net/uL8jsxt2/

【讨论】：

【解决方案3】：

你必须遵循引导规则，网格系统是为灵活性而设计的......布局问题的许多答案都是“嵌套”

<div class="container">
  <div class="row">
    <div class="col-sm-9">
    </div>
    <div class="col-sm-3">
    </div>
  </div><!--repeat row-->
</div><!-- /container -->

【讨论】：

请考虑在您的答案中添加更多信息，仅应劝阻代码anwsers。