somemo programming etc.

プログラマ、雑記、プログラミング関係はLinkから、数式はこっちでまとめていることが多い

【CSS】Twitter Bootstrapに触った感想【html】

CSSフレームワークTwitter Bootstrapを一通り?触ってみたのでその感想をメモしておきます。

学習環境

ローカルでhtmlを書いていくだけですので、ライブラリ以外に特別必要なものはありません。

実現できたこと

以下のとおりです。

  • 固定ヘッダー
  • 検索バー
  • パンくずリスト
  • サイドバー
  • 画面の構成を12分割まで可能
  • モーダル
  • ツールチップ・ポップアップオーバー
  • ページネーション
  • ボタン押下時にリスト表示
  • 進捗バー表示
  • ボタンのグループ化
  • 用途に応じたカラーの設定
  • 各種アイコンの設定
  • テーブルのレイアウト設定
  • フェイドアウトするリンク
  • フォームと各要素とラベルのレイアウト設定

だいたいこんなことができました。

実際に使ってみて

ライブラリなしで実装したら、時間がかかることも簡単にできました。ただし、動的なページを作るとなるとhtmlヘルパーやformオブジェクトといった表示にかかわる部分と簡単に連携できるようにしなくてはいけないという問題があります。すべてをライブラリに頼るのではなく、必要な部分に適用していきたいです。