无法使用角度条向导航栏添加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 */ 
}