IMAGES IN A Bootstrap col

[ani7ruddha]

http://goo.gl/ZRewBf

I need help in this.
Go to Flavors tab
In Main expedition I want the first column pricing to be in some col-md-___ but I am unable to do that this..

The images are getting hidden in the blue container
See the screenshot I want the images in 1st box exactly as they re in second box in (col-md-2)
http://screencast.com/t/5rwe5IKmQ

[Paulie_D]

So why not structure the two div blocks the same?

[ani7ruddha]

Just give me 2 mins I will show what happens

[ani7ruddha]

Check it now http://goo.gl/ZRewBf

[Paulie_D]

But the two wrapping divs aren’t the same.

The left one is <div class="col-md-4"> but the right one is <div class="col-md-13">

If those two divs are supposed to operate the same way they should, I would assume, be exactly the same.

[Paulie_D]

the problem lies not by the classname, but the inner html structure is different.

Which is what I said to start with…

So why not structure the two div blocks the same?

and again

If those two divs are supposed to operate the same way they should, I would assume, be exactly the same.

[ani7ruddha]

Did the same now but the problem now is 130 Img is not going out as in the screenshot (http://screencast.com/t/5rwe5IKmQ)

If I try to do that it will get hidden in the container.

[ani7ruddha]

Yes @Soronbe: we want the left images to be placed a bit outside the container

[ani7ruddha]

We want exactly as in the screenshot http://screencast.com/t/5rwe5IKmQ

Nothing is working image are getting hidden nothing else.

[ani7ruddha]

I am sorry I think I am unable to make you understand @Paulie_D will you be able to help?

[Paulie_D]

I’m not sure that the design you are after will be easily achievable within the confines of Bootstrap.

If the image is inside multiple parents all fixed in a grid it’s going to he hard to make them ‘overlap’ or pop out of the grid.

I guess you could use relative positioning but you ‘d have to make sure that there is no `overflow:hidden’ stopping the ‘moved’ element from showing.

[ani7ruddha]

No issues but I badly need help on this tried hard on this nothing seems to work

[Krish1980]

You could style the two columns identically, give the parent a relative position and a negative left position value.

Something like this?

http://codepen.io/Krish1980/pen/Capqy

[ani7ruddha]

Let me try @Krish1980 Looks this might do the magic..

Thanks a lot for taking that pain.

[Author]

Posts