last day (15 days later) » 

11:35 PM
0
Q: Issue with Bootstrap grid alignment in smaller viewports

user1554264On the following website: http://fun-booths.co.uk/ - there is a feature on the home page - 9 red boxes inside a .row with some copy text. However the following issue is occuring as shown in the screenshot: I don't understand why each of the <div class="col-md-4 col-sm-6"> are not appearing in ne...

 
Something in your custom CSS. In pure Bootstrap it works: bootply.com/AagY8yaHeh
 
Removed my styles.css from <head> in firebug - issue occuring with just Boottsrap CSS...
 
Do you link jQuery?
 
Indeed! <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> This front end bug is a mystery.
 
Is it after Bootstrap?
 
11:35 PM
jQuery link is after Boothstrap.min.css and before Bootstrap JS files
wow
didn't know about this feature
 
Since "pure" Bootstrap works fine, it must be some kind of interference.
 
I imagine so
very peculiar
are you in firebug/chrome dev?
 
Not really.
 
ah okay
I guess I should wait for other users to psot an answer?
post*
 
Do you have any other CSS or JS linked after their Bootstrap counterparts?
 
11:40 PM
I do and have attempted to remove these links
with no job
*oy
*joy
same issue occurs on the thumbnails below
entitled with a <h1> "Images"
must be an error in the way I've used the grid
 

last day (15 days later) »