I have provided a template and it contains many CSS files in head and the body is divided into **header ,content and footer** portions. I want to add to add bootstrap in order to utilize its grid system for its content part. But when ever I add bootstrap.css in head above or below all the style sheets in `<head>` content part and footer part renders well but my header portion of the body encounter certain design problems as many of the properties in other css files get overridden by its grid system.

> 
> All I want to know is, is there any hack I may be able to use the
>  bootstrap.css for the content part?
> 
> 
> 

I have also tried linking the bootstrap file in `<body>` below the `<header>` and above the content portion(I know its not a good practice.) . but it also causes the similar problems for the header portion.