ぷにおちゃん ～ Bootstrap 3でCollapse(折りたたみ)機能を試して見る(2)
Collapseの応用的な使用方法 上に挙げた不満点を解消するための、使用方法を解説します。 アンカーテキスト以外をクリックして展開する デフォルトでは、panel-headingクラスを使用しているため、list-item-groupを使用することで、アンカー以外をクリックしても展開できるようになります。 変更前 <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse"> Sample </a> </h4> </div> 変更後 <a class="list-group-item" data-toggle="collapse" data-parent="#accordion" href="#collapse
とほほのBootstrap 3入門 - とほほのWWW入門
このページは 「Bootstrap 3」について説明しています。Bootstrap 4 については、「Bootstrap 4入門」を参照してください。 Bootstrap は、スマートフォンなどのモバイル端末にも対応し、レスポンシブデザインを採用した HTML, CSS, JavaScript フレームワークです。 Twitter 社で開発され、最初は「Twitter Bootstrap」と呼ばれていましたが、現在は「Bootstrap」となりました。 ライセンスは MIT License で、商用利用も可能です。 現時点(2018年5月6日)の最新バージョンは 4.1.1 です。 Bootstrap 2 と Bootstrap 3 以降では一部互換性の無い機能があります。 2018年1月に Bootstrap 4 も正式リリースされました。
Bootstrap3でレスポンシブ機能を無効にする方法 | IT女子のお気に入りフォルダ
続けてBootstrap3ネタです。どんだけBootstrap3好きなんだよって感じですが、Bootstrap3を使った構築が続いているのでこうなっちゃうのです。 で、今回は、Bootstrap3を利用するもののレスポンシブ機能は使わないって時、むしろジャマになっちゃう時の対策です。 その場合でもBootstrapの本体をいじる必要はありません。ちゃんとレスポンシブ機能を無効にするCSSが用意されています。ありがたい。 以下のcssをダウンロードしてbootstrap.min.cssの後で読み込みます。 non-responsive.css くわしくはココ↓に書いてあります。英語だけど。 http://getbootstrap.com/getting-started/#disable-responsive 超簡単に訳すと、 <!-- 1.以下の記述を削除する --> <meta name=
Web フォントでアイコン表示。 Font Awesome 使ってみた
Blog のデザインをリニューアルしました報告でもちょっと書いたんですが、アイコン関係を Web フォントを使ってやってみました。その時に利用させてもらったのが 「Font Awesome」 でして、今回はその簡単な使い方について書いてみようと思います。 Font Awesome, the iconic font designed for use with Twitter Bootstrap Font Awesome は簡単に言ってしまえば、Twitter Bootstrap のアイコンを Web フォントで扱えるようにしたもの。Twitter Bootstrap のアイコンは CSS Sprite で利用できるようにひとまとめになった 「画像」 として提供されていますが、Web フォントとして提供されることで、よりサイズ、カラーなどを柔軟に扱えるようになっています。 Font Aweso
BootstrapユーザーがUIkitに乗り換えるべき３つの理由
数あるCSSフレームワークの中でも特に人気の高いのがBootstrap。最近Bootstrap3にアップデートされ、このサイトでも基本的な使い方やBootstrap3で簡単にWebサイトを作ってみたりしています。 大変使いやすくてBootstrapなしでUIを作るのがめんどくさく感じるくらい重宝しているのですが、Bootstrapをさらに上回るかもしれないフレームワークを発見しました。 それがこのUIkitです。 この記事ではBootstrapからUIkitに乗り換えるべき３つの理由と題してUIkitの素晴らしいと思ったところを紹介していきます。 最新のUIコンポーネントに対応 コンポーネントはBootstrapでも実装されており、大変便利な機能です。UIkitにはさらに以下のようなコンポーネントが実装されています。 off-canvasはYouTubeやFacebookアプリなどに利用さ
STORES 決済(旧:Coiney) ｜ お店のキャッシュレスをかんたんに
STORES 決済 でできること 業界最安水準の決済手数料でキャッシュレス決済がご利用いただけます。
Bootstrapをさくさく自分好みに。専用カスタマイズサービス×12選
個人、会社を問わず素早くWebアプリケーションの開発がはじめられるとあって使われるようになっているのがBootstrapです。今回はそんなBootstrapのカスタマイズを素早く行っていけるWebサービスをまとめて紹介します！ StyleBootstrap.info ナビゲーションバー、ボタン、フォームなどの色、ボーダー、フォントサイズを細かくカスタマイズできます。リアルタイムプレビューがついていますのでその場で雰囲気が分かります。 StyleBootstrap.info: Twitter Bootstrap theme generator Initializr Bootstrapのカスタマイズという訳ではありませんが、HTML5 Webアプリケーションを開発するためのベースをカスタマイズしながら作成できます。 Initializr – Start an HTML5 Boilerplate
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://algo13.net/bootstrap/collapse.html
Bootstrapで作られたとは思えないほど洗練されたデザインのWebサイトのまとめ
トップ|【公式】ACTUS online