Bootstrap
Bootstrap練習問題 問４
今回は前回と同様にグリッドシステムを試していこうと思います。またテーブルを利用したサンプルになっており、２テーブルあります。そしてHTML初心者は困るのですが、長い。。。長いHTMLも読めるようになるために、サンプルはどんどん長くな…
Bootstrap練習問題 問３
今回はグリッドシステムを試していこうと思います。前回のテーブルを利用して、グリッドシステムの問題にしようと思います。Bootstrapのグリッドシステムは馴れると非常に簡単なので、サクッと覚えましょう。サンプルプログラムはC…
Bootstrap練習問題 問２
今回はテーブルを試していこうと思います。データを表形式に表示する場合は必ず使います。情報を整理して出すだけなら、グリッドシステムでも良いのですが、表形式に表示したいという要望はやはり残ります。システム屋からすると大体tableでどう…
Bootstrap練習問題 問１
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 の基本 ボタンのサンプル今回はボタンの作成をしていきます。１から綺麗なボタンを作成しようとすると、画像を作成しなければならなかったり、JavaScriptを組まなければならなかったり、色々と手間が…
Twitter Bootstrap 3 の基本 フォームのサンプル３
Twitter Bootstrap 3 の基本 フォームのサンプル３前回作成したフォームのサイズ変更をしていきます。基本的にクラスを指定することでフォームサイズの変更ができます。グリッドシステム同様に、横幅をグリッド数指定で決め…
Twitter Bootstrap 3 の基本 フォームのサンプル２
Twitter Bootstrap 3 の基本 フォームのサンプル２前回作成したフォームタグを、今回はカスタマイズしていきます。今回のサンプル今回作成するサンプルは以下の通り。フォームのレイアウトを変更する方法フ…
Twitter Bootstrap 3 の基本 フォームのサンプル
Twitter Bootstrap 3 の基本 フォームのサンプルHTMLのフォームタグというのは、多種多様なログイン画面や登録画面で使用されています。今回はこのフォームタグをBootstrapを使って表示するとどのようにUIに変化…
PAGE TOP