具体的脚手架引导

Question

________________
|_______| img  |
|_______|______|
|______________|

如何使用bootstrap列进行此操作？愚蠢的问题，我知道，但不管怎么都谢谢大家！

Answer 1

这可能对您有所帮助

<强> HTML

   <div class="row">
      <div class="col-md-6 col-xs-6">
        <div class="row two">
        </div>
        <div class="row one1">
        </div>
      </div>
      <div class="col-md-6 col-xs-6 two2">
        your image here
      </div>
   </div>
   <div class="row three">
   </div>

<强> CSS

.two {
  background-color: blue;
  min-height: 100px;
}

.three {
  background-color: skyblue;
  min-height: 100px;
}

.one1 {
  background-color: green;
  min-height: 100px;
}

.two2 {
  background-color: yellow;
  min-height: 200px;
}

小提琴here