How can i make one div in the left like images

[dauruk0512]

Hello huys, i’m doing create dummy html using bootsrap and need some help how to customize my template will be like images,
and images is here http://prntscr.com/8atxw3

and all i have been done is here http://codepen.io/anon/pen/XmWbox

My question is how can i give one div in the left, i have been adding one div but the div show in the top of three div, if any suggest will be thanks full.

Regards

[Paulie_D]

I’m not sure what you are asking. Do you mean you want to add a fourth column?

[dauruk0512]

Yes paulie, but why my it so hard to customize, the fourt coloumn is small width not same as col-md-4 ! please kindly look my images above there, i have been survive about it,
do you have any idea paulie ?

[Krish1980]

You’ve used a row that occupies the full width, and then column spans that are 33.33% wide – there will be no space left for a fourth column. One way to solve this would be to first divide the parent container into two parts – one narrow left column of the desired with and one wide column that takes the remaining space. The “col-md-4” s can then be placed inside this wide column.

[dauruk0512]

So you have anohter idea to make it happend, thanks

[Krish1980]

So you have anohter idea to make it happend, thanks

Did you try what I suggested? It’s a pretty common way of executing such layouts.

[Paulie_D]

You are using a 12 column system and you already have 3*4 columns (md-4) so another column won’t fit.

Use 4*3 columns (md-3) and it fits.

http://codepen.io/Paulie-D/pen/qOBXeY

I’d suggest you learn how the Bootstrap works before trying to change it…or use a template that actually does what you want.

[Author]

Posts