end0tknr's kipple - web写経開発

太宰府天満宮の狛犬って、妙にカワイイ

2011-10-17から1日間の記事一覧

bootstrap 日本語解説番外編 - 模様付? 透過gifを使ったヘッダ表示

解説記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659http://twitter.github.com/bootstrap/ bootstrapの解説ページには、グラデーション + 格子模様でヘッダを表示しています。単なる「background: transparent url(〜)」 と思っていたら、模…

bootstrap - ポップアップ

記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659モーダルやツールチップ、ポップオーバがあり、bootstrap-modal.js や bootstrap-twipsy.js 、bootstrap-popover.js を必要とします。ここでは画面キャプチャだけ貼っておくので、詳しくは次の…

bootstrap - 警告とエラー

基本アラート 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 を追加して下さい。基本アラートと同様…

bootstrap - ナビゲーション

記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659 上部固定トップバー まず、htmlソースを読むと分かりやすいと思います。 ※トップバー下に表示するbody部には padding-top: 40px; を付加して下さい。 ※.navに加え、.secondary-navも指定する…

bootstrap - フォーム、ボタン

記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659※デフォルトでlabelは、width:130px; text-align:right;で表示されます。 ※フォームの表示サイズ指定には、次のものが用意されています。 class 幅(px) .input-mini, .mini 60 .input-small, .…