リリース
状態:-
閲覧数:2,819
投稿日:2013-07-28
更新日:2014-11-26
・2013/7/27、「Bootstrap 3 RC1」が正式リリースされた
・ついにキタか！
・結構、楽しみにしてたんだよ！
サービス名称変更
・「Twitter Bootstrap」 → 「Bootstrap」
Bootstrap3移行ガイド
・CSS編
・Components編1
・ついにキタか！
・結構、楽しみにしてたんだよ！
サービス名称変更
・「Twitter Bootstrap」 → 「Bootstrap」
情報チェック
Bootstrap3移行ガイド
・CSS編
・Components編1
Glyphicons ／ 2系からの変更点
変更点
1.画像廃止
・画像 → webフォント
2.使用タグ変更
・<i> → <span>
<span class="glyphicon glyphicon-search"></span>
注意点
アイコンが文字化けするときは？
・fontsディレクトリ以下が適切に配置されていない
※画像とは異なりエラーとして表示されないので見つけづらい
フォーム ／ 2系からの変更点
変更点
input type="text"
・class="form-control"付与
<input type="text" class="form-control">
Bootstrap3 × HTML5タグ
Bootstrap3 × HTML5タグ
Bootstrap3
実際によく使用するHTML5テンプレート
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<script src="js/prefixfree.min.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet">
<style></style>
<script></script>
</head>
<body>
★★
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
Bootstrap3の固定ナビゲーション
・navタグをheaderタグで囲み、カスタマイズしようとするもうまくいかず苦しむ(z-index等で)
・固定navタグ部分は最適化されていると思うので、無闇に触らない方がよいと思われ
Twitter検索結果。「Bootstrap 3」に関する最新ツイート
ぱるこ🥨 @harui0317
佑介.S @ysk91_engineerぱるこ🥨 @harui0317
るびくる (bot) @rubicle_botあったらいいな、Rubicle Bootstrap 3 2022/11/27 08:37
kp @kp1
🍀 @hotarunxAtCoderはBootstrap 3が入っているので、サイト改変したい時はbootstrap3のパーツを使うと良さそう 2022/11/24 02:36
くぅちま @Cummy_favorite
ccc @cccabinetv5.2.3公開 / Bootstrap5設置ガイド
https://t.co/01dh4tPXmJ
#bootstrap5 https://t.co/txBIxLBRRV 2022/11/22 23:54
Kazuyuki Sato @satokaz
たけぽん@フリーランス @gz3_xwflask-bootstrapのバージョン、3.Xなのね 2022/11/20 23:29
