html - 应用样式只是几个元素

Question

我正在做一个 MVC 元素，我需要一个特定的 View 来将 Bootstrap 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>

非常感谢，如果您需要更多信息，请告诉我。

Answer 1

当你将整个库应用到页面时，它会改变一切，因为默认的 Bootstrap 库包括排版、表单元素等。您可以做的是 - 构建您自己的 Bootstrap 库，并且只包含表格和表单。我还会编辑库并附加一个特定的类，这样您就可以隔离您想要设置样式的特定元素 block 。

您可以在此处自定义您的 boostrap 构建:http://getbootstrap.com/customize/