- This topic is empty.
July 29, 2014 at 6:05 am #176754
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/5rwe5IKmQJuly 29, 2014 at 6:41 am #176759
So why not structure the two div blocks the same?July 29, 2014 at 6:44 am #176760
Just give me 2 mins I will show what happensJuly 29, 2014 at 6:47 am #176761
Check it now http://goo.gl/ZRewBfJuly 29, 2014 at 6:54 am #176764
But the two wrapping divs aren’t the same.
The left one is
<div class="col-md-4">but the right one is
If those two divs are supposed to operate the same way they should, I would assume, be exactly the same.July 29, 2014 at 7:10 am #176768
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?
If those two divs are supposed to operate the same way they should, I would assume, be exactly the same.July 29, 2014 at 7:17 am #176772
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.July 29, 2014 at 7:28 am #176777
Yes @Soronbe: we want the left images to be placed a bit outside the containerJuly 29, 2014 at 7:40 am #176780
We want exactly as in the screenshot http://screencast.com/t/5rwe5IKmQ
Nothing is working image are getting hidden nothing else.July 29, 2014 at 7:50 am #176786
I am sorry I think I am unable to make you understand @Paulie_D will you be able to help?July 29, 2014 at 7:59 am #176788
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.July 29, 2014 at 8:15 am #176789
No issues but I badly need help on this tried hard on this nothing seems to workJuly 29, 2014 at 8:21 am #176791Krish1980Participant
You could style the two columns identically, give the parent a relative position and a negative left position value.
Something like this?July 29, 2014 at 8:29 am #176792
Let me try @Krish1980 Looks this might do the magic..
Thanks a lot for taking that pain.
- The forum ‘CSS’ is closed to new topics and replies.