Bootstrap Tips - 怡然自得

常常遇到bootstrap 的navber中的navber-brand插入logo圖片位置跑掉的問題，看到這個解法！中間的部分
Bootstrap 3 Navbar with Logo

.navbar-brand {
  padding: 0px; /* firefox bug fix */
}
.navbar-brand>img {
  height: 100%;
  padding: 15px; /* firefox bug fix */
  width: auto;
}

當然接著會遇到RWD版面，圖片需要放大縮小的狀況，所以要加上.img-responsive，然而bootstrap預設這個類別是包含在column 之類有固定寬度的設定。詳見此

100% specifically means 100% width of the parent element.