2014-07-08 49 views
0

我一個MVC項目,我需要一個特定的視圖適用於兩個因素引導CSS樣式工作:一張桌子和一個多選,有問題的css文件有:將樣式短短元素

<link href="~/Content/themes/bootstrap/bootstrap-3.1.1.min.css" rel="stylesheet" /> 
    <link href="~/Content/themes/bootstrap/bootstrap-multiselect.css" rel="stylesheet" /> 

問題是,通過在代碼中包含這兩行,它完全改變了整個頁面的樣式。所以我想知道是否有辦法只適用於這兩種風格的元素。

我所做的第一件事是建立一個單一的文件,這兩個文件統一到一個單一的存在(According to this link):

<link href="~/Content/themes/bootstrap/all-bootstrap.min.css" rel="stylesheet" /> 

這些是要應用的項目。

<select id="chkRecIds" multiple="multiple" /> 

<table id="table_ODC" class="table table-striped table-bordered table-hover"> 
... 
</table> 

非常感謝您,如果您需要更多信息,請告訴我。

+0

默認情況下,它的工作的方式。要麼你需要自定義bootstrap,要麼添加!important;到現有的樣式。 –

回答

2

當您將整個庫應用於頁面時,它會更改所有內容,因爲默認引導程序庫包括版式,表單元素等等。012-您可以做的是 - 構建自己的引導庫並只包含表格和表單。我還會編輯庫並附加一個特定的類,以便您可以分離出您想要的樣式的特定塊。

你可以在這裏定製你的自舉編譯:http://getbootstrap.com/customize/

+0

非常感謝! – Glegan

+0

不客氣:) –