Prevent static html not to apply bootstrap css properties

Question

[EDIT] [SOLVED] I just replaced all my tag with tag with css as inline for all table that doesn't apply any bootstrap css class properties. Thanks all for reply.

In my yii app I having twitter bootstrap css and for some static pages I need css from style.css that I created.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html lang="en">
   <head>
     <style type="text/css">
        #mystyle
        {
          /* my styles classes */
        }
     </style>
     </head>
     <body>
     <div class="mystyle">
       /* html */
     </div>
  </body
 </html>

here bootstrap css is also get applies.

how can i restrict this html page not to include bootstrap css??

I tried by using tag but that not work.

score 0 · Answer 1 · answered Sep 29 '14 at 05:44

0

how are you adding bootstrap? are you using an extension that adds bootstrap?
if so then you can use $this->renderPartial('path/to/full_view_with_layout'); in order to dismiss bootstrap, however I think that this is a wrong way to solve the problem. the best practise way is to include your overriding style right after the <body> tag or before the place you use it.
or you may have a property to disable the bootstrap in your extension.

answered Sep 29 '14 at 05:44

iamawebgeek

2,713
1
18
34

I am not using bootstrap extension, just copy bootstrap.css, and i am using my style as inline in that .htm file as above. – FSShaikh Sep 29 '14 at 06:03
Are you linking bootstrap to the page yourself or it is done by yii? – iamawebgeek Sep 29 '14 at 06:19
it is done by yii, i just want not to link bootstrap to this single page only – FSShaikh Sep 29 '14 at 06:45
Do you use extensions in yii? – iamawebgeek Sep 29 '14 at 07:20

score 0 · Answer 2 · answered Sep 29 '14 at 06:34

0

i have another Approach, i dont know how much it will help you!

Give your own name to CSS class

If same class already exist and you are not able to change the class name, You can add !important property to CSS so that bootstrap CSS will not apply.

for example

<style type="text/css">
        #mystyle
        {
          color:#000!important;
        }
</style>

answered Sep 29 '14 at 06:34

Manjunath Siddappa

2,126
2
21
40

This is another issue. Consider the point when you do not need any style added by bootstrap. – iamawebgeek Sep 29 '14 at 07:22

score 0 · Answer 3 · edited May 23 '17 at 12:14

0

document.styleSheets[0].disabled = true;
//so in your case using jquery try

$('link[title=mystyle]')[0].disabled=true;

Please visit, another approach answered here

Removing or replacing a stylesheet (a <link>) with JavaScript/jQuery

edited May 23 '17 at 12:14

Community

1
1

answered Sep 29 '14 at 07:33

Manjunath Siddappa

2,126
2
21
40

Prevent static html not to apply bootstrap css properties

3 Answers3