Implementing a CSS Framework in Sharepoint

Question

I've seen a post from you remarking on implementing a CSS framework in the Page Layouts, rather than the Master Pages, which when I think about it makes sense.

However, how do you include the necessary CSS, etc. without colliding with the standard Sharepoint CSS, even with your approach?

I am thinking more along the lines of Bootstrap (Twitter) but would look at Blueprint, if this is the recommended framework for Sharepoint.

The goals of my research are to provide responsive, HTML5/CSS3 pages via a Publishing site in SP 2010.

Thank you -

Answer 1

I generally approach this by writing a CSS file with the alterations you want to make to the elements or divs, whatever and then simply assigning it to the site you want to apply it to via the Site Settings -> Site Actions -> Master Page screen and selecting the 'Specify a CSS file to be used'.

You don't really want inline CSS sitting in the master page if it can be helped, then you're not having to upload a different master page each time you're trying to make a style change.

I ususally just store the CSS files under /Style Library/en-us/Themable