特定のdiv要素の中のみに、デザインテンプレート(Bootstrap)をあてる方法

Question

実現したいこと

特定のdiv要素の中のみに、Bootstrapをあてることは可能でしょうか？

現在、複数のデザインテンプレートを用いて１つの画面を作りたいと思っています。
Bootstrap以外のデザインテンプレートを読み込むと、
競合もしくは、Bootstrapのみが適応されます。

そこで、特定の要素のみに、Bootstrapをあてることは可能でしょうか？
理想としては、特定のidやnameのみにあてるようにしたいです。

Comments

[yoshinavi]

＞複数のデザインテンプレートを用いて１つの画面を作りたい
→　具体的にはどのようなモノなのでしょうか？

＞Bootstrap以外のデザインテンプレートを読み込むと、競合もしくは、Bootstrapのみが適応されます。
→　Bootstrapが最後に読み込まれており、重複したクラス等が上書きされている、との理解で良いのでしょうか？

[GOLDION]

ご認識の通りでございます。

[yoshinavi]

基本的には「KojiDoi」さんの回答にもあるように、特定の要素にBootstrapで使用したいclassでスタイルを設定すれば良いかと思います。

どうしても意図したとおりに行かない場合には、コード等と併せて、再度質問すれば良いかと思います。

Answer 1

そのためのclassだと思います。
「Bootstrapをあて」たいdivにはbootstrapで定義されているクラス名をつける。
スタイルなど独自定義したいdivが別にあるなら、それには別のクラス名を当てて設定を上書きするようにする。

設定が競合した場合は後で設定したほうが有効になるので、その辺考えてheadタグ内のstyleを適当に設定すれば意図したようになるはずです。