在html文件中修改導入的引導代碼

我正在製作一個django web應用程序，其中我有base.html和base_bootstrap.html文件。我base_bootstrap.html文件包含以下兩行使用引導CSS：在html文件中修改導入的引導代碼

<!-- Bootstrap core CSS --> 
<link href="http://v4-alpha.getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet"> 
. 
. 
. 
<!-- Custom styles for this template --> 
<link href="http://v4-alpha.getbootstrap.com/examples/dashboard/dashboard.css" rel="stylesheet">

有我的方式來修改下面的CSS爲了改變#999爲#，而無需創建一個單獨的css文件？

pre { 
     border: 1px solid #999; 
     page-break-inside: avoid 
    }

來源

2017-03-23 Paradox

您可以隨時通過網頁或者內部CSS或內聯CSS專門的HTML元素覆蓋external css。

例子：

.card 
{ 
    margin:5px; 
    padding:25px; 
    border: 1px solid #999; 
    display:inline-block; 
    width:50px; 
    background:#ddd; 
} 
.card{ 
    border:2px solid #f00; 
} 

<div class="card"></div>

您還可以使用!important覆蓋與HTML元素的任何CSS。

例子：border:2px solid black !important;

DEMO

參考：https://css-tricks.com/specifics-on-css-specificity/

來源

2017-03-23 13:36:32 bhansa

使用內部CSS

可以通過再次在HTML頁面中再次聲明其覆蓋的色碼。

pre { 
    border: 1px solid #999; 
    page-break-inside: avoid 
} 
pre { 
    border-color:#878; 
}

您的預標籤現在在＃878有邊框顏色。

但是，如果你可以改變顏色代碼，改變他。希望這會幫助你。

來源

2017-03-23 13:02:47

您也可以下載的SASS版本和修改你想要或包括經過修改/額外的自定義文件中的部分您需要的樣式，然後使用安裝的gem重新構建引導，或者創建您自己的Grunt/Gulp腳本來構建SASS到CSS。

https://github.com/twbs/bootstrap-sass

BS是始建於LESS這將工作太。

來源

2017-03-23 16:04:49

在html文件中修改導入的引導代碼

回答

相關問題