Twitter bootstrap resolution below 1280

HTML & CSS
1

Hi Sitepointers,

I am building a new site for my work, using twitter bootstrap…but the site starts to stack badly at resolutions below 1280.

The site can be found at granalacant.co.uk

Any ideas how I can make this look good at 1024 ?

Much Obliged

2

hi tangledma !
After considered your site , the class of bootstrap used does not exactly . You need to understand the define of grid class ( col-lg, col-md, col-sm, col-xs , row and container)

3

Here are the default media queries used in Bootstrap (3)

@media(max-width:767px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}

You can modify the break points in bootstrap to customize this but if you want to stay within the default break points of bootstrap you would use these attributes. They directly correspond to col-lg, col-md, col-sm, col-xs.