CSSフレームワーク「Bootstrap 3」の、このテーマのデザインに対応しているパーツのサンプルです。
詳しい利用方法は下記を参照ください。

対応していないパーツのデザインを変更する場合は、テーマファイルの /css/style.css に追記してください。

.page-header

コンテンツヘッダに利用されています。下のラインにテーマのメインカラーが反映されます。

.btn

default・primary・info・linkが対応しています。

default: ボーダーにテーマのリンクカラーが反映されます。
primary: 背景にテーマのリンクカラーが反映されます。
info: 背景にテーマのメインカラーが反映されます。
link: フォームボタンなどに使用すると、通常のリンクと同じ見た目になります。

     
   

           

           

.label

default・primary・infoが対応しています。

default: ボーダーにテーマのリンクカラーが反映されます。
primary: 背景にテーマのリンクカラーが反映されます。
info: 背景にテーマのメインカラーが反映されます。

Default  Prmary  Success  Info  Warning  Danger

.thumbnail

説明文です説明文です説明文です説明文です説明文です説明文です

.alert

フォームに利用されています。テーマのカラー設定は反映されません。別途スタイルを追加してください。

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Best check yo self, you're not looking too good.
Oh snap! Change a few things up and try submitting again.

.well

背景色にテーマのサブカラーが反映されます。

吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。

.table

利用できますが、テーマのカラー設定は反映されません。別途スタイルを追加してください。

下線のみの表
thead/th thead/th thead/th
tbody/th tbody/td tbody/td
tbody/th tbody/td tbody/td
tbody/th tbody/td tbody/td
全体に罫線がある表
thead/th thead/th thead/th
tbody/th tbody/td tbody/td
tbody/th tbody/td tbody/td
tbody/th tbody/td tbody/td
ちょっとスリムな表
thead/th thead/th thead/th
tbody/th tbody/td tbody/td
tbody/th tbody/td tbody/td
tbody/th tbody/td tbody/td
レスポンシブ対応の表
thead/th thead/th thead/th
tbody/th tbody/td tbody/td
tbody/th tbody/td tbody/td
tbody/th tbody/td tbody/td

このエリアは、「ホーム以外::下段」ウィジェットでカスタマイズできます。
キャンペーンや特別なお知らせを掲載することができます。
↓↓↓HTMLの知識があれば、このように、コール・トゥ・アクションを追加することもできます。

Google Maps