PetHouse(2016)練習1

範例結果

三、【主選單】區塊

BS:【元件Components】>【巡覽列Navbar】

確認項目:

1.CSS:【CSS】>【格線系統Grid system】

2.加入【品牌圖片  .navbar-brand】、【固定至頂端.navbar-fixed-top】、【元件對齊.navbar-left】
、【固定至底端.navbar-fixed-bottom】、【反向顏色.navbar-inverse】

.navbar-brand{
    margin: 0; padding: 0; display: inline-block;
    height: 50px; width: 100px;
    background: url(img/logoS1.png); 
    /*將HTML結構內文字推出網頁外text-indent:-9999px;*/
    text-indent: 100%; white-space:nowrap;overflow: hidden; 
}