Bootstrap

Bootstrap練習問題 問4
今回は前回と同様にグリッドシステムを試していこうと思います。またテーブルを利用したサンプルになっており、2テーブルあります。そしてHTML初心者は困るのですが、長い。。。長いHTMLも読めるようになるために、サンプルはどんどん長くな…

Bootstrap練習問題 問3
今回はグリッドシステムを試していこうと思います。前回のテーブルを利用して、グリッドシステムの問題にしようと思います。Bootstrapのグリッドシステムは馴れると非常に簡単なので、サクッと覚えましょう。サンプルプログラムはC…

Bootstrap練習問題 問2
今回はテーブルを試していこうと思います。データを表形式に表示する場合は必ず使います。情報を整理して出すだけなら、グリッドシステムでも良いのですが、表形式に表示したいという要望はやはり残ります。システム屋からすると大体tableでどう…

Bootstrap練習問題 問1
Bootstrap(ブートストラップ)は、Twitter社が開発・提供し始めたCSSのフレームワークです。※現在は開発者がTwitterをやめて、Bootstrapとなっています。フレームワークとは、部品を集めたものです。クラス名を…

Bootstrapで利用できるjQueryプラグイン Layout
Bootstrapで利用できるjQueryプラグイン LayoutBootstrapで簡単に利用可能なjQueryのプラグインをご紹介します。今回はLayout編です。レイアウトといっても、テーブルの機能拡張やスクロールの調…

Bootstrapで利用できるjQueryプラグイン Animate
Bootstrapで利用できるjQueryプラグイン AnimateBootstrapで簡単に利用可能なjQueryのプラグインをご紹介します。今回はAnimate編です。数字をカウントアップするなどの簡単なものなど、ちょっ…

Twitter Bootstrap 3 の基本 ボタンのサンプル
Twitter Bootstrap 3 の基本 ボタンのサンプル今回はボタンの作成をしていきます。1から綺麗なボタンを作成しようとすると、画像を作成しなければならなかったり、JavaScriptを組まなければならなかったり、色々と手間が…

Twitter Bootstrap 3 の基本 フォームのサンプル3
Twitter Bootstrap 3 の基本 フォームのサンプル3前回作成したフォームのサイズ変更をしていきます。基本的にクラスを指定することでフォームサイズの変更ができます。グリッドシステム同様に、横幅をグリッド数指定で決め…

Twitter Bootstrap 3 の基本 フォームのサンプル2
Twitter Bootstrap 3 の基本 フォームのサンプル2前回作成したフォームタグを、今回はカスタマイズしていきます。今回のサンプル今回作成するサンプルは以下の通り。フォームのレイアウトを変更する方法フ…

Twitter Bootstrap 3 の基本 フォームのサンプル
Twitter Bootstrap 3 の基本 フォームのサンプルHTMLのフォームタグというのは、多種多様なログイン画面や登録画面で使用されています。今回はこのフォームタグをBootstrapを使って表示するとどのようにUIに変化…