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

Bootstrapにおけるcolorの使い方は?アラート・バッジ・線の色指定の方法

 
Bootstrapにおけるcolorの使い方は?アラート・バッジ・線の色指定の方法
SE
基本は格子状に配置された画面をどうレイアウトしていくかが基本の考え方なんですね。
PM
そうですね。スマホでもパソコンでも見やすいデザインを作ることができるので、ぜひマスターしてください。

Bootstrapにおけるcolorの使い方とは?


今回は、Bootstrapにおけるcolorの使い方について説明します。Bootstrapでは、文字色や背景色の指定だけでなく、アラート・バッジ・線の色を指定することができます。

Bootstrapにおけるcolorの使い方に興味のある方はぜひご覧ください。

文字色の指定

Bootstrapで文字のcolorを指定できます。

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

このように、Bootstrapで文字のcolorを指定できます。

背景色の指定

Bootstrapで背景のcolorを指定できます。

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

このように、Bootstrapで背景のcolorを指定できます。

アラートの色指定

Bootstrapでアラートのcolorを指定できます。

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

バッジの色指定

Bootstrapでバッジのcolorを指定できます。

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

線の色指定

Bootstrapで線のcolorを指定できます。

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

SE
細かな部分まで色指定することができるんですね。

PM
Bootstrapでは初心者でも見栄えの良いWebサイトを作ることができます。ぜひマスターしていきましょう。

まとめ

いかがでしたでしょうか。Bootstrapにおけるcolorの使い方について説明しました。Bootstrapでは、文字色や背景色の指定だけでなく、アラート・バッジ・線の色を指定することができます。

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


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

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

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

Search

Popular

reccomended

Categories

Tags