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

时间:2016-05-06 04:19:25

标签: css twitter-bootstrap twitter-bootstrap-3

我在不使用bootstrap框架的情况下创建Web应用程序。但后来我使用bootstrap carousal到我的web应用程序。因为我导入了bootstrap框架,我应用的一些样式已经改变了,因为在bootstrap框架中为这些元素定义了不同的样式。

现在我想只将bootstrap框架添加到我的Web应用程序的carousal部分。所以,我试图更改链接标记的顺序,我已经导入了引导框架和我的自定义样式表。但它没有用。

<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"/>

任何帮助?

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:1)

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