2016-05-06 12 views
0

Ich erstelle eine Webanwendung, ohne das Bootstrapframework zu verwenden. Aber später habe ich das Bootstrap-Carousal zu meiner Webanwendung benutzt. Da ich das Bootstrap-Framework importiert habe, haben sich einige der Stile, die ich angewendet habe, geändert, weil für diese Elemente im Bootstrap-Framework verschiedene Stile definiert wurden.Bootstrap-Stile nur auf einen Abschnitt auf der Seite anwenden

Jetzt möchte ich Bootstrap-Framework nur auf den Abschnitt Carousal meiner Webanwendung hinzufügen. Also habe ich versucht, die Reihenfolge der Link-Tags zu ändern, wo ich das Bootstrap-Framework und mein eigenes Stylesheet importiert habe. Aber es hat nicht funktioniert.

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

Irgendwelche Hilfe?

+1

Ehrlich gesagt, wenn Sie nur wollen ein Abschnitt - vor allem das Karussell, müssen Sie nur alles relativ davon von Bootstrap zu Ihrem CSS-Datei kopieren und ändern, bis zu Ihrem Wunsch, es die einfachste Weise, die ich mir vorstellen kann und es nicht zu kompliziert zu tun –

Antwort

1

herunterladen Bootstrap, um Ihr System und beinhaltet bootstrap.css in Ihrem Projekt und entfernen Sie die widerstreitenden Klassen aus dieser Datei ..

+0

Ist das der einzige Weg? –

+0

das ist, wie ich es tun, weil manchmal einige Klassen nicht geändert werden, auch wenn Sie sie mit Stilen außerhalb überschreiben, also besser gehe ich hinein und mache die Änderungen dort .. –

1

Anruf, dass ein Teil in iframe mit verschiedenen Webseiten und Links

+1

Gute Idee Amit. –

Verwandte Themen