Bootstrapを使ってみる（その２） ～フォーム部品～ - 一から開発技術を鍛え直すブログ
前回のBootstrapの続き フォーム部品に適用してみる フォーム部品に関しては、基本的にはclass属性で"form-control"などとすることでBootstrapのCSSが適用される。 各部品の具体的な使い方はCSS · Bootstrapを参照のこと。 HTML5で追加されたコントロールも含めテストしてみる。 controls.html <div class="container" style="padding:10px 0"> <form class="form"> <!-- text --> <div class="form-group"> <label class="control-label">text</label> <input type="text" class="form-control" placeholder="Text" /> </div> <!-- te
Bootflat - フラットUIで格好いいBootstrapテーマ！ MOONGIFT
創造意欲がかき立てられますよ！ Boostrap臭を嫌って導入に踏み切れないという方は多いですが、それもあって多彩なテーマが開発されています。それらと入れ替えると、イメージががらっと変わって見えるはずです。 今回は最近流行のフラットUIを取り入れたBootflatを紹介します。フラット＝角張っているというイメージも壊してくれる素敵なテーマです。 Bootflatのスクリーンショット 今回はスクリーンショット多めで紹介します。 基本カラー。パステル系ではっきりとしていますね。 まずはボタンとボタングループ。 ボタン＋ドロップダウン、ラベル、バッジ、ツールチップなど。 ドロップダウンはもちろん階層対応です。 フォーム。 フォームの横にドロップダウンを付けることもできます。何かと応用できそうですね。 アラート。 タブ。4辺全てに対応しています。 ナビゲーションバー。 パン屑、通知、プログレスバー
Get started with Bootstrap
Quick start Get started by including Bootstrap’s production-ready CSS and JavaScript via CDN without the need for any build steps. See it in practice with this Bootstrap CodePen demo. Create a new index.html file in your project root. Include the <meta name="viewport"> tag as well for proper responsive behavior in mobile devices. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta
CSS · Bootstrap
Global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system. Overview Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development. HTML5 doctype Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at th
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
