Bootstrap
DataTablesを使用してtableにページングやソート機能を付ける
Bootstrapなどでtable要素をいい感じに作れますが、ページングやソート機能、検索機能などをつけようとすると自分で色々といじっていく必要がありますが、DataTablesを使うとそのような機能を簡単に作ることが出…Slider for Bootstrapを利用して値をスライダーで絞り込む
Slider for Bootstrapを利用することで簡単に、値をスライダーで絞り込むことが出来ます。 利用方法 ファイルをダウンロードして、基本ファイルを読み込みます。 bootstrap-slider.css bo…
【jQuery】ハンバーガーアイコンを開閉時に変化させる【Bootstrap】
参考：3本線のメニューボタンをパネルの開閉にあわせてバツに変化させてみる HTML <a href=”#” id=”panel-btn”><span id=”panel-btn-icon”><…【CSS】Bootstrapで組んだナビメニューをタブレットでもスマホ表示にする
レスポンシブデザインでつきまとうナビメニューの形と幅の悩みですが、Bootstrapはデフォルトではタブレットの表示がスマホと同じようにたたまれたメニューにはならないので、それを解決するCSSです。 iPadでBoots…「X-editable」を利用してその場で編集するUI（Edit In Place）を導入する
X-editableプラグインを利用することで、その場で編集するUI（Edit In Place）を簡単に導入することができます。 ダウンロードとデモはこちらから。 X-editableプラグインはBootstrapとj…Bootstrap3：ラジオボタンをスイッチ表示にする
Bootstrap3を利用して、簡単にラジオボタンをスイッチのように表示することができます。 デモはこちら 事前にBootstrap3のJavaScriptファイルとjQuery、CSSファイルを読み込んでください。 H…Bootstrapのドロップダウンリストをセレクトボックスの代わりにフォームに利用する
Bootstrapのドロップダウンリストをセレクトボックスの代わりにフォームで利用する方法です。 HTMLを記述 <div class=”inputBlock”> <div class=”input-g…