专用脚手架

Question

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

如何使用引导列实现此操作？愚蠢的问题，我知道，但无论如何，谢谢大家！

Answer 1

这可能对你有帮助

   <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;
}

小提琴这里