無法使用角度條嚮導航欄添加svg徽標

Question

基於documentation，我創建了一個簡單的導航欄，其中包含圖片，而不是「品牌」的文字。但是，我的.svg圖像不可見。爲什麼？

SSCCE：http://plnkr.co/edit/bb2bBv0dD67fFBSpS5uH

從->THIS<-問題的解決方案是行不通的。

由於來自plnkr所有代碼都被程序代碼被accomapanied，讓我貼（可能）最關鍵的部分：

撥動導航

  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
        <ul class="nav navbar-nav"> 
          <li> 
            <button type="button" class="btn btn-lg btn-primary" data-animation="am-flip-x" bs-dropdown="networks_dropdown"> 
              Networks 
            </button> 
          </li> 
          <li class="active"> 
            <a href="#">Workplace</a> 
          </li> 
          <li> 
            <a href="#">Generate</a> 
          </li> 
          <li> 
            <a href="#">Export</a> 
          </li> 
          <li> 
            <a href="#">Training</a> 
          </li> 
          <li> 
            <a href="#">Settings</a> 
          </li> 
        </ul> 
        <ul class="nav navbar-nav navbar-right"> 
          <li><a href="#">Logout</a></li> 
        </ul> 
      </div> 
    </div> 

Answer 1

它的存在，但父元素似乎沒有任何width..if您添加的標誌出現

.navbar-brand { 
    float: left; 
    height: 50px; 
    padding: 15px 15px; 
    font-size: 18px; 
    line-height: 20px; 
    width: 50px; /* see here */ 
}