.net column
.NET開発者のためのブログメディア

Bootstrap3の基本的な使い方|Button・Table・color・Navbar

 
Bootstrap3の基本的な使い方|Button・Table・color・Navbar
SE
Webアプリケーションを作成するのにBootstrapを使ってみようと思うのですが、基本的な使い方を教えていただけますか。
PM
わかりました。Bootstrap3のButton、Table、collor、Navbarについてご説明しましょう。

Bootstrap3の基本的な使い方を紹介します!


今回は、Bootstrap3の基本的な使い方を紹介します。
ここでは、
・Button
・Table
・Color
・Navbar
について紹介します。

Bootstrap3に興味のある方はぜひご覧ください。

Button

Bootstrap3でのButtonの使い方を紹介します。ここではcdnを利用します。

実行結果は以下のようになります。

See the Pen
Bootstrap3_1
by kskumd (@kskumd)
on CodePen.

Table

Bootstrap3でのTableの使い方を紹介します。

実行結果は以下のようになります。

See the Pen
Bootstrap3_2
by kskumd (@kskumd)
on CodePen.

Color

Bootstrap3でのColorの使い方を紹介します。

実行結果は以下のようになります。

See the Pen
Bootstrap3_3
by kskumd (@kskumd)
on CodePen.

Navbar

Bootstrap3でのNavbarの使い方を紹介します。

実行結果は以下のようになります。

See the Pen
Bootstrap3_4
by kskumd (@kskumd)
on CodePen.


SE
なるほど、これなら私にもできそうです。
PM
難しくありませんので、ぜひご自身でソースコードを書いてみてください。

まとめ

いかがでしたでしょうか。Bootstrap3の基本的な使い方を紹介しました。現在、Bootstrapは5 alphaまでリリースされています。Bootstrap4やBootstrap5なども調べてみてください。

ぜひご自身でソースコードを書いて、理解を深めてください。


.NET分野でのキャリアアップをお考えの方は、現在募集中の求人情報をご覧ください。

また、直接のエントリーも受け付けております。

エントリー(応募フォーム)

Search

Popular

reccomended

Categories

Tags