CODEWITHSUNDEEP
twitter-bootstrap
Ryan Holmes
Ryan Holmes

Reputation: 121

Specific scaffold bootstrap

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

How can I make this with bootstrap columns? Silly question, I know, but thanks anyways everyone!

Upvotes: 0

Views: 22

Answers (1)

Raviteja
Raviteja

Reputation: 3479

This may help you

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

Fiddle here

Upvotes: 1

Related Questions