bootstrap3と4の同時読み込みについて

Question

個人的にbootstrap4の方を使いたくて、共通headで4を読み込ませています。

しかし、bootsnipp.comを見ている中で、このデザインいい！と思ったらbootstrap3だったりすることが結構あります。

そこで懸念しているのが、3と4を同時に読み込んで競合するclassやidがあった場合、基本的には４を使いたいのに場合によっては３が優先されてしまって意図通りの結果にならないのでは、というところがあります。

逆も然りで、3を使いたいのに場合によっては4が優先されてしまって意図通りの結果にならないのでは思うと安易に同時読み込みに踏み切れないです。

みなさんはこの課題に対してどのようにしているのでしょうか？

私はWEBデザイナーではないので、要素調べて、３と同等の制御をしている定義を４で見つけてそのclassやidをHTMLで付与するなんてことは避けたいです。

Answer 1

複数の CSSフレームワークの同時使用は推奨されることではないと思います。
特に bootstrap は、重めの CSSフレームワークですし。

"このデザインいい！"と思った bootstrap3 のパーツを
4でうまく機能するよう作り変えてはいかがでしょうか？

Answer 2

実例を出されないと何とも言えませんが、最新のみ採用し、その最新のもので自力で再現する、という形かなと。
結局はCSSとjavascriptなので、やろうと思えばできなくないはずです。
（さいあくはその部分だけ過去コードから抜き出してくる）