CODEWITHSUNDEEP
csstwitter-bootstraptwitter-bootstrap-3
ONE_FE
ONE_FE

Reputation: 996

Applying bootstrap styles to only one section in the page

I'm creating a web application without using bootstrap framework. But later I used the bootstrap carousal to my web application. Because I imported the bootstrap framework some of the styles I applied has changed, because different styles has been defined for those elements in bootstrap framework.

Now I want to add bootstrap framework only to the carousal section of my web application. So, I tried to change the order of the the link tags where I have imported the bootstrap framework and my custom style-sheet. But it didn't work.

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

Any help?

Upvotes: 1

Views: 1621

Answers (2)

Amit Kumar Pawar
Amit Kumar Pawar

Reputation: 3330

call that part in iframe with different webpage and links

Upvotes: 1

Dhaval Chheda
Dhaval Chheda

Reputation: 5147

download bootstrap to your system and include bootstrap.css in your project and remove the conflicting classes from that file..

Upvotes: 1

Related Questions