2016-05-06 3 views
0

私はブートストラップフレームワークを使用せずにWebアプリケーションを作成しています。しかし、後で、私はWebアプリケーションにブートストラップ・カルーセルを使用しました。私がブートストラップフレームワークをインポートしたので、適用されたスタイルのいくつかは変更されました。これは、ブートストラップフレームワーク内のこれらの要素に対して異なるスタイルが定義されているためです。ページの1つのセクションにのみブートストラップスタイルを適用する

私は、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"/> 

助けが必要ですか?お使いのシステムへ

+1

リンク1つのセクション - 特にカルーセル、ブートストラップからあなたのCSSファイルにそれを相対的にコピーし、あなたの願いに変更するだけで、それは私が考えることができるeassiest方法とそれほど複雑ではない –

答えて

1

ダウンロードブートストラップとは、プロジェクトにbootstrap.cssが含まれており、異なるWebページでiframe内に

+0

それは唯一の方法ですか? –

+0

これは私がそれを行う方法です。なぜなら、ときどきクラスが外にスタイルを上書きしても、いくつかのクラスが変更されることはないからです。私はそこに入り、変更を加えます。 –

1

コールに...そのファイルからその部分を競合するクラスを削除して、あなただけしたい場合は、正直なところ

+1

良いアイデア。 –

関連する問題