2011-10-17から1日間の記事一覧
解説記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659http://twitter.github.com/bootstrap/ bootstrapの解説ページには、グラデーション + 格子模様でヘッダを表示しています。単なる「background: transparent url(〜)」 と思っていたら、模…
記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659モーダルやツールチップ、ポップオーバがあり、bootstrap-modal.js や bootstrap-twipsy.js 、bootstrap-popover.js を必要とします。ここでは画面キャプチャだけ貼っておくので、詳しくは次の…
基本アラート bootstrap-alerts.js を必要とします。.warning .error .success .info <div class="alert-message warning"> <a class="close" href="#">×</a> <p><strong>Holy guacamole!</strong> Best check yo self, you’re not looking too good.</p> </div> ブロックメッセージ 基本アラートに対し、.block-message を追加して下さい。基本アラートと同様…
記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659 上部固定トップバー まず、htmlソースを読むと分かりやすいと思います。 ※トップバー下に表示するbody部には padding-top: 40px; を付加して下さい。 ※.navに加え、.secondary-navも指定する…
記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659※デフォルトでlabelは、width:130px; text-align:right;で表示されます。 ※フォームの表示サイズ指定には、次のものが用意されています。 class 幅(px) .input-mini, .mini 60 .input-small, .…