bootstrap grid: how can acheive a formation where i have two rows one below the other on left and one on their right -


How can I get it with the bootstrap grid system? ............................... . . Col-md-9 (div1) Call-MD-3 .................... (div2) . . . Col-md-9 (div3). . .................... ............ . . ..............................

I tried the following:

  & lt; Div class = "col-md-9" & gt; & Lt; / Div & gt; & Lt; Div class = "col-md-3" & gt; & Lt; / Div & gt; & Lt; Div class = "col-md-9" style = "float: left;" & Gt; & Lt; / Div & gt;   

It gave me something like this:

  ..................... ........ . . Col-md-9 (div1) Call-MD-3 .................... (div2) . . . . . . . . .............................. . . Col-md-9 (div3). . ..............................   

What am I doing wrong?

  & lt; Div class = "container" & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "call-sm-9" & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "col-sm-12" & gt; Test left & lt; / Div & gt; & Lt; Div class = "col-sm-12" & gt; Test under left & lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "col-sm-3" & gt; Test right & lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;   

Here are some examples.

Comments

Popular posts from this blog

ios - Adding an SKSpriteNode to SKScene from a child SKSpriteNode -

Matlab transpose a table vector -

c# - Textbox not clickable but editable -