end0tknr's kipple - web写経開発

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

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

bootstrap - テーブル

記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659デフォルトのテーブルは、四隅を丸くする程度の表示です。(cssクラスを必要もありません) <table> <thead> <tr><th>#</th><th>First Name</th><th>Last Name</th><th>Language</th></tr> </thead> <tbody> <tr><td>1</td><td>Some</td><td>One</td><td>English</td></tr> <tr><td>2</td><td>Joe</td><td>S…</td></tr></tbody></table>

bootstrap - テキスト(ヘッダ, リスト, インライン ラベル)

記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659 ヘッダと段落(<p>) ヘッダのhtml <h1>h1. ヘッダ1</h1> <h2>h2. ヘッダ2</h2> <h3>h3. ヘッダ3</h3> <h4>h4. ヘッダ4</h4> <h5>h5. ヘッダ5</h5> <h6>h6. ヘッダ6</h6> 段落(<p>)のhtml <h3>文書表示例</h3> この部分はサンプル文書の本文です。この部分はサンプル文</p></p>…

bootstrap - 固定レイアウトと可変レイアウト

固定(Fixed)レイアウト div.container を使うことで、デフォルト940px幅の固定レイアウトを使用出来ます。 <body> <div class="container"> ... </div> </body> 可変(Fluid)レイアウト 可変レイアウトでは、min-widthやmax-widthで表示幅の最大最小を指定できます。 <body> <div class="container-fluid"> <div class="sidebar"> ... </div> <div class="content"> ... </div> </div> </body>css .co…

bootstrap - グリッドシステム

記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659Bootstrapのグリッドシステムのデフォルトは、幅940pxで16カラムです。 グリッドシステムでは、次のように.rowと.span〜 を指定して下さい。 ※.span〜には、.span1:幅40px 〜 .span24:幅1420px…

bootstrap - 入手とinstall(設置?)

記事一覧→ http://d.hatena.ne.jp/end0tknr/20111016/1318729659 入手 bootstrap ver.1.3.0 ( twitter-bootstrap-v1.3.0-64-g70b1a6b.zip )は、次のurlから入手できます。 http://twitter.github.com/bootstrap/ https://github.com/twitter/bootstraptwitte…

Bootstrap from Twitter ver1.3.0の使い方を日本語解説して簡単css (web)デザイン

この解説ページ群の目次 url トップ(このページです) bootstrapの概要「等」 入手と設置(install) http://d.hatena.ne.jp/end0tknr/20111016/1318730072 グリッドシステム http://d.hatena.ne.jp/end0tknr/20111016/1318731266 (固定/可変)レイアウト http:/…