Bootstrapのスタイル

CSSを読み込むだけでカッコよく

 
 

CSSを読み込む

<link href="css/bootstrap.min.css" rel="stylesheet">

 
 

テーマ

 
 

クラスの指定

  • <mark>, <strong>, <code>等は タグで囲むだけでカッコよくなる
     
  • 他は、普通のHTMLにBootstrapのクラスを指定していくことで見栄えを調整
     

普通のボタン

<button>

Bootstrapのボタン

<button class="btn btn-default">
 
 

普通のテーブル

<table>
abc
123
456
※デフォルトは枠なしになる

Bootstrapのテーブル

<table class="table">
abc
123
456
 
 

<span>を使用したラベル

<span class="label label-default">Default</span>
<span class="label label-primary">Primary</span>
<span class="label label-success">Success</span>
<span class="label label-info"   >Info</span>
<span class="label label-warning">Warning</span>
<span class="label label-danger" >Danger</span>
Default Primary Success Info Warning Danger
 
 
UI Components »