KDP(電子出版)のメモ 急急如律令

Amazon Kindleダイレクト・パブリッシングでの電子出版や電子書籍の作成販売について、文章やイラストの作成や編集方法について書いています。

Bootstrap4について調べてみた

 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>

getbootstrap.com

 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"

 

developer.mozilla.org

 

Bootstrap 4 フロントエンド開発の教科書

Bootstrap 4 フロントエンド開発の教科書