2015-08-17 102 views
0

我正在添加bootstrap.css來設計某個div的某些元素而不會與其餘元素混淆。僅將CSS應用於特定的cshtml塊

例子:

...code here... 
<div class="btn-group"> 
    <button class="btn dropdown-toggle" data-toggle="dropdown"> 
</div> 
...some more code here... 

導入bootstrap.css:

<link href="/css/bootstrap.css" rel="stylesheet" type="text/css" /> 

但是當我運行我的代碼,該bootstrap.css混亂與其餘元素。我怎樣才能導入bootstrap.css,它只適用於btn-group類?

+0

它不是好的做法,但用!你想用誰的元素很重要。 –

+5

如果您只需要爲btn-group設置樣式,只需將該元素的css添加到當前樣式表中,不需要導入整個bootstrap.css文件。 – Darian

+0

@Darian:我對這個實現存在懷疑,因爲在我們的庫上有一個現有的bootstrap.css,並且提取我需要的類和id不是一個好習慣,因爲會有代碼冗餘。但似乎我沒有別的選擇。謝謝。 – Ray

回答

1

你需要下載到包括所需的部分前定製引導只

  1. http://getbootstrap.com/customize/
  2. 點擊「切換所有」,以取消所有組件將檢查所需組件例如只「按鈕」
  3. 一路走下來,然後單擊「編譯並下載」