防止靜態html不適用bootstrap css屬性

[編輯] [已解決]我只是用css替換我所有的標記爲內聯的所有表不適用任何引導CSS類屬性。謝謝大家的回覆。防止靜態html不適用bootstrap css屬性

在我的yii應用程序中，我使用twitter bootstrap css和一些靜態頁面，我需要從style.css創建的css。

<!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>

這裏引導程序的CSS也適用。

我該如何限制這個html頁面不包括bootstrap css？

我嘗試通過使用標籤，但沒有工作。

來源

2014-09-29 FSShaikh

你是如何加入bootstrap的？你是否使用了增加引導程序的擴展？
如果是這樣，那麼你可以使用$this->renderPartial('path/to/full_view_with_layout');爲了解僱bootstrap，但我認爲這是一個錯誤的方式來解決問題。最佳實踐方法是在<body>標籤之後或在您使用它的地點之前包含您的壓倒一切的風格。
或者您可能有一個屬性禁用擴展程序中的引導程序。

來源

2014-09-29 05:44:33 iamawebgeek

我不使用引導擴展，只需複製bootstrap.css，我用我的風格如同上面的.htm文件中的內聯。 – FSShaikh 2014-09-29 06:03:54

你是否將bootstrap自己鏈接到頁面，或者是由yii完成的？ – iamawebgeek 2014-09-29 06:19:49

它是由yii完成的，我只是不想將引導程序鏈接到這個單一頁面 – FSShaikh 2014-09-29 06:45:28

我有另一種方法，我不知道它會幫助你多少！

給你自己的名字，以CSS類

如果同一類已經存在，你是不是能夠改變類的名稱，您可以!important屬性添加到CSS，以便引導CSS將不適用。

例如

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

來源

2014-09-29 06:34:03

這是另一個問題。考慮一下當你不需要通過bootstrap添加任何樣式的時候。 – iamawebgeek 2014-09-29 07:22:06

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

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

請訪問，另一種辦法回答這裏

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

來源

2014-09-29 07:33:30

防止靜態html不適用bootstrap css屬性

回答

相關問題