仅将引导样式应用于页面中的一个部分答案

【问题标题】：Applying bootstrap styles to only one section in the page仅将引导样式应用于页面中的一个部分
【发布时间】：2016-09-01 01:01:10
【问题描述】：

我正在创建一个不使用引导框架的 Web 应用程序。但后来我在我的 Web 应用程序中使用了引导轮播。因为我导入了 bootstrap 框架，所以我应用的一些样式发生了变化，因为在 bootstrap 框架中为这些元素定义了不同的样式。

现在我只想将引导框架添加到我的 Web 应用程序的轮播部分。因此，我尝试更改导入引导框架和自定义的链接标签的顺序样式表。但它没有用。

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<link rel = "stylesheet" href = "css/main.css" type = "text/css"/>

有什么帮助吗？

【问题讨论】：

老实说，如果您只想要一个部分 - 尤其是轮播，您只需将与其相关的所有内容从引导程序复制到您的 css 文件并根据您的意愿进行修改，这是我能想到的最简单的方法而且做起来也不会太复杂

标签： css twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

在 iframe 中使用不同的网页和链接调用该部分

【讨论】：

【解决方案2】：

将引导程序下载到您的系统并在您的项目中包含 bootstrap.css 并从该文件中删除冲突的类。..

【讨论】：

这是唯一的方法吗？
我就是这样做的，因为有时有些类不会被修改，即使你用外面的样式覆盖它们，所以我最好进去并在那里进行修改..