「テキストオーバーフロー：省略記号」は、ブートストラップ3のナビゲーションバーの「navbar-brand」テキストで動作させることができますか？

Question

.navbar-brandのBootstrap 3 navbarのテキストにtext-overflow: ellipsisを使用したいので、iPhoneのようなデバイスでは、垂直方向に伸びるnavbarではなくテキストが切り捨てられます。

私も2つのボタンがあります場合、私をハードコード.navbar-brandの幅（white-space: nowrapとも設定overflow: hidden付き）text-overflow: ellipsis作品

<nav class="navbar navbar-default navbar-fixed-top"> 
    <button type="button" class="btn btn-default navbar-btn navbar-left">Back</button> 
    <a class="navbar-brand" href="#" >Branding text that can sometimes be too wide</a> 
    <button type="button" class="btn btn-default navbar-btn navbar-right">Logout</button> 
</nav> 

が、私はそうこれを達成するための方法を探しています使用可能な最大スペースが自動的に使用されることを確認します。

P.S.

幅がハードコーディングされたときに.navbar-brandに添加した場合に動作しますCSS：

.ellipsis { 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    overflow: hidden; 
} 

Answer 1

あなたが設定されている場合は、「ナビゲーションバーブランドを」幅：100％は、省略記号のプロパティがまだ動作し、あなたが取得します利用可能な最大スペース。