Tagbangers Blog

Bootstrap

Bootstrap3でテーブルをつくってみる

初めまして、篠原です。 社内では平野ノラとも呼ばれています。 どうぞ宜しくお願いします。 Bootstrap3で表を作るときに便利なclassを使ってみました。 基本のテーブル 順位 名前 県名 票数 1位 奈良県 せんとくん 60票 2位 愛知県 ひでっち 45票 3位 神奈川県 ヤマトン 44票 4位 新潟県 レルヒさん 43票 5位 兵庫県 はばタン 37票 ちなみにこちらは、地域マスコットの見た目ダサくね!?と思う都道府県ランキングです。 私はヤマトンが好きなので少々悲しかったです。 参考にしたランキングサイトはこちら → goo ランキング さて続いて、便利なクラスをみてい...

Bootstrap 4 alphaがくるよ!

http://blog.getbootstrap.com/2015/08/19/bootstrap-... Bootstrap4がもうそろそろ来ますよーって告知があったので一部ご紹介。 3.2.0が来たのが2014の夏頃(だった気がする)ので、 ちょうど一年ぶりくらいのメジャーアップの予感。 特に下記注目。 ”Dropped IE8 support and moved to rem and em units.” Dropped IE8!(大事なことなので。 github(https://github.com/twbs/bootstrap/commits/v4-dev)を見ても分る通り、 大工事...

Bootstrap のレスポンシブ

Bootstropレスポンシブ対応で、デバイスに対応する画面サイズが覚えられないのでまとめときます。 詳しくは公式サイトをみるといいです→http://getbootstrap.com/css/#grid Bootstrapのブレイクポイント モバイル タブレット デスクトップ デスクトップ大 画面幅 768px以下 769px以上〜992px未満 992px以上〜1200px未満 1200px以上 表示サイズ 100% 750px 970px 1170px 大きさ xs エクストラスモール sm スモール md ミディアム lg ラージ クラス名 col-xs-n col-sm-n col-...