You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
BootstrapはウェブサイトやWebアプリケーションを作成するフロントエンドWebアプリケーションフレームワークである。タイポグラフィ、フォーム、ボタン、ナビゲーション、その他構成要素やJavaScript用拡張などが、HTMLおよびCSSベースのデザインテンプレートとして用意されている。 GitHubで四番目に人気があり[2]、アメリカ航空宇宙局やMSNBCなどに採用されている[3][4]。 HTML5やCSS3では比較的サポートが不完全だが、主要なWebブラウザとの互換性がある。WebサイトやWebアプリケーションの基本情報がすべてのデバイスやブラウザで利用できるよう、部分的な互換性という概念を用いている。たとえば、角丸、グラデーション、ボックスシャドウなどのCSS3で導入された機能は古いWebブラウザでサポートされていないが、Bootstrapで使用される。 Ver2.0以降では
更新日: 2017年3月21日公開日: 2015年12月10日今すぐ押さえておきたい!Bootstrapで使えるプラグイン5選 今時のWeb開発には欠かせない存在となっているBootstrapですが、プラグインを足すとさらに機能的になり、開発速度を加速してくれます。リリースされているプラグインの内容は様々で、ボタンやバーなどのパーツ系からデザイン全体に関わるようなダイナミック系までがあります。 そこで今回は、Bootstrap のプラグイン導入方法とサンプル・プラグインをご紹介し、Bootstrap のプラグインに触れていこうと思います。 Bootstrapで使えるプラグインサンプル5選Bootstrapプラグインの導入方法 Bootstrapでプラグインを使う基本的な方法は、以下の通りになります。 プラグインのダウンロード HTMLファイルにプラグイン専用のCSSファイルとJavaScr
Bootstrap 最近急速に普及されたBootstrapですが、 テーマやコンポーネントも揃ってきたので、現時点で存在するものをまとめてみました。 bootstrapテーマテーマを導入すると、UIを簡単に綺麗なものに変更する事ができます。 TODC BootstrapTODC Bootstrap Googleをリスペクトし、現在のgoogleのUIをBootstrapで再現したテーマです。 最近のgoogleのUIはフラットです。 ボタン等はgoogleのボタンそのものです。再現度はかなり高いと思われます。 FbootstrappFbootstrapp by Clemens Krack, based on Bootstrap, from Twitter Facebook調のUIをBootstrapで再現したテーマです。 Facebookの特徴である、淡い青ベースの色調のテーマとなっていま
TwitterBootstrapを使っていた際に、スライダーで音量調節ができるようにしようと思ったのですが公式ドキュメントを見ても見つからず、調べていたら bootstrap-sliderというライブラリを発見 サンプルにもありますが、 /css/bootstrap-slider.css /js/bootstrap-slider.jsを読み込み、htmlにスライダー用のinputタグを定義 # html <input id="volume" type="text" data-slider-id="volumeSlider" data-slider-min="0" data-slider-max="100" data-slider-step="1" data-slider-value="50" data-slider-tooltip="hide" />jsにスライダー設定を記述すれば設置でき
│ sample..html │ ├─css │ bootstrap.min.css │ └─fonts glyphicons-halflings-regular.eot glyphicons-halflings-regular.svg glyphicons-halflings-regular.ttf glyphicons-halflings-regular.woff <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/bootstrap.min.css" /> </head> <body> <span class="glyphicon glyphicon-search"></sp
jQueryでボタンを押した時に100%になるようにしてるだけなのですが、アニメーションしてくれるようです。 数値が決め打ちなら良いかもしれません。
目次 本記事では、Bootstrapの基礎をおさえた上で、よく使う、グリッドシステム、テーブル、ボタン、フォームの具体的な使い方を順番に紹介します。 Bootstrapとは Bootstrapを使う準備 グリッドシステムの使い方 テーブルの使い方 ボタンの使い方 フォームの使い方 Bootstrapとは BootstrapはTwitter社が開発したCSSの「フレームワーク」です。通常CSSを書く場合、全てのスタイルを自分で作っていく必要がありますが、このフレームワークにはよく使われるスタイルがあらかじめ定義してあるので、ルールに沿って利用するだけで整ったデザインのページを作成できます。 もともとTwitter社内で作られたもので、以前は「Twitter Bootstrap」と呼ばれていましたが、現在では「Bootstrap」のみで呼ばれるようになっています。 Bootstrapを使うメリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く