Bootstrap3を使っていて、どうも新しく4が出ているようなので移行について考えていた。4だと何かが変わるのかどうか、変更なんかを調べている。
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" ></script>
CDNから外部読み込みをするのだけど、最近だとintegrityというのがついているようだ、改ざん防止のためのハッシュ値だそうです。CDNを使うときはつけたほうが良さそう。
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossoriginはよくわからなかった。
crossorigin="anonymous"
Bootstrap3だとlabelが使えていたのが、4ではbadgeになっているのが変わった点。色も変わってしまったので見た目が大きく変わってしまう。
Bootstrap3
class="label label-primary"
Bootstrap4
class="badge badge-primary"