每日一bootstrap 按鈕

按鈕是網頁上常見的一個標籤，所以複習下按鈕的樣式。

首先要知道的是，在bootstrap中 a button input都可以賦予按鈕樣式，a標籤需要注意有些地方的使用
所以如果就是單純的按鈕的話建議就使用button標籤就好。而且如果在導航條上單獨使用按鈕時（如果不在form中出現）也需要注意垂直居中問題。下面開始敲代碼

        <button class="btn btn-default">default</button>
        <button class="btn btn-success">success</button>
        <button class="btn-danger">danger</button>
        <button class="btn btn-info">info</button>
        <button class="btn btn-warning">warning</button>
        <button class="btn btn-primary">primary</button>
        <button class="btn btn-link">link</button>  

可以看到btn給按鈕加了圓角樣式。讓按鈕更加好看一些吧。

下面是改變按鈕大小，其實bootstrap很多改變大小的代碼差不多。。

這個色很好看，反正我經常用

接下來就是導航欄裏的按鈕如何使用。。

        <nav class="navbar navbar-default">
            <button class="btn btn-default">按鈕</button>
        </nav>
        <nav class="navbar navbar-default">
            <button class="btn btn-default navbar-btn">按鈕</button>
        </nav>

爲了看得更清楚一些，navbar-default是給導航條添加了灰色背景色，可以清楚地看出之間的差別一個垂直居中，一個沒有