Question

我正在开发一个MVC项目，我需要一个特定的视图来在两个元素上应用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库，只包括表和表单。我还编辑了库并附加了一个特定的类，因此您可以隔离您想要设置样式的特定元素块。

您可以在此处自定义您的boostrap版本：http://getbootstrap.com/customize/

仅应用几种元素

1 个答案: