カテゴリー : Twitter Bootstrap

IE11 で Twitter Bootstrap 2系のモーダルの挙動がおかしい

Twitter Bootstrap 2系の話です。良い子は3系を使いましょう。

IE11 で Twitter Bootstrap 2 系のモーダルの挙動がおかしい、他のブラウザでは大丈夫だけど IE11 だけダメ・・・

結果だけ書いておくと、バージョンを 2.0.4 から 2.3.2 (2系の最新版)へアップデートしたら直りました。

Bootstrap version 2.3.2

こういうバグを踏むと悲しいので、使っているライブラリはこまめにバージョンアップしておきたいですね。

Twitter Bootstrapのドキュメントアーカイブサイト「BootstrapDocs」

Twitter Bootstrapのドキュメントアーカイブサイト「BootstrapDocs」のリンクをメモ。

BootstrapDocs – Twitter Bootstrap Documentation Archive

BootstrapDocs

[Twitter Bootstrap] 日付・時刻入力をカンタンに入力できる「bootstrap-datetimepicker」

Twitter Bootstrap 用の日付・時刻入力をカンタンに入力できるようにする「bootstrap-datetimepicker」が便利。

Bootstrap Date/Time Picker

tarruda/bootstrap-datetimepicker – github

Twitter Bootstrap を入門するときに参考になりそうな記事まとめ

Twitter Bootstrap を入門するときに参考になりそうな記事をまとめてみました。

(最終更新日:2012/04/14)

公式

・公式:Bootstrap, from Twitter はてなブックマーク - Bootstrap, from Twitter

twitter/bootstrap はてなブックマーク - twitter/bootstrap
 

入門記事

ドットインストールのチュートリアル動画は分かりやすくておすすめなので、とりあえず最初はこれを観ましょう。

Twitter Bootstrap (v2.0)の基礎 – ドットインストール はてなブックマーク - Twitter Bootstrap (v2.0)の基礎 - ドットインストール

アシアルのブログ。使い方がざっくり分かって最初のうちに読んでおくと幸せになれそう。

超便利!Twitter BootstrapでさくさくWeb開発 : アシアルブログ はてなブックマーク - 超便利!Twitter BootstrapでさくさくWeb開発 : アシアルブログ
 

紹介記事

Twitter Bootstrapが大幅バージョンアップ!して凄まじいことに・・・ | IDEA*IDEA はてなブックマーク - Twitter Bootstrapが大幅バージョンアップ!して凄まじいことに・・・ | IDEA*IDEA

これからTwitter Bootstrapをはじめる人のためのエントリまとめ – 大人になったら肺呼吸 はてなブックマーク - これからTwitter Bootstrapをはじめる人のためのエントリまとめ - 大人になったら肺呼吸
 

カスタマイズ系の記事

jQuery Mobile向けBootstrapテーマ集「Twitter Bootstrap jQuery Mobile Theme」 – MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ はてなブックマーク - jQuery Mobile向けBootstrapテーマ集「Twitter Bootstrap jQuery Mobile Theme」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

Twitter Bootstrapの配色を簡単に変えられる「Bootswatch」 | CREAMU はてなブックマーク - Twitter Bootstrapの配色を簡単に変えられる「Bootswatch」 | CREAMU

Twitter Bootstrapのデザインを簡単に変更出来るWebサービス・StyleBootstrap – かちびと.net はてなブックマーク - Twitter Bootstrapのデザインを簡単に変更出来るWebサービス・StyleBootstrap - かちびと.net

15秒でHTML5のテンプレを作成出来るWebツール・InitializrがTwitter Bootstrap 2にも対応した模様です – かちびと.net はてなブックマーク - 15秒でHTML5のテンプレを作成出来るWebツール・InitializrがTwitter Bootstrap 2にも対応した模様です - かちびと.net

Twitter Bootstrapのさまざまなテーマをダウンロードできる『Bootswatch』 | 100SHIKI はてなブックマーク - Twitter Bootstrapのさまざまなテーマをダウンロードできる『Bootswatch』 | 100SHIKI

Bootstrapをもっと活用するためのカスタマイズツールやリソースのまとめ | コリス はてなブックマーク - Bootstrapをもっと活用するためのカスタマイズツールやリソースのまとめ | コリス

色をカスタマイズする

Bootstrapを使おう!様々なカラーテーマ、プラグインを用意「Kickstrap」 – MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ はてなブックマーク - Bootstrapを使おう!様々なカラーテーマ、プラグインを用意「Kickstrap」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

Kickstrap: Enhancements for Bootstrap はてなブックマーク - Kickstrap: Enhancements for Bootstrap

ajkochanowicz/Kickstrap はてなブックマーク - ajkochanowicz/Kickstrap
 

Ruby on Rails用カスタマイズ

Twitter BootstrapをSASSにする – KUROIGAMEN(黒い画面) はてなブックマーク - Twitter BootstrapをSASSにする - KUROIGAMEN(黒い画面)

twitter bootstrap railsを使ったら職が見つかり彼女も出来て背も3センチ伸びました。 – ppworks blog はてなブックマーク - twitter bootstrap railsを使ったら職が見つかり彼女も出来て背も3センチ伸びました。 - ppworks blog

sass-rails-bootstrap を使ったら職が(ry – ぶろぐ。@はてな はてなブックマーク - sass-rails-bootstrap を使ったら職が(ry - ぶろぐ。@はてな
 

スライド資料

Twitter bootstrap入門 #twtr_hack

View more presentations from makingx

以上です。(随時更新予定)