Question

我想在导航栏中加入一个newsticker。为实现这一点，我格式化了一个单行表。我做了一张桌子，因为我希望将newsticker的标题与新闻项目分开，所以我可以将它们放在-tag中，从右到左滚动就像电视上的newsticker一样。

基本设置如下：

<nav class="navbar navbar-default">
   <div class="container-fluid">
      <ul class="nav navbar-nav">
         <li></li>
      </ul>
      <ul class="nav navbar-nav">
         <li></li>
      </ul>
      <ul class="nav navbar-nav pull-right">
         <li>
            <table width="100%" border="0">
               <tr>
                  <td> <font color="red">NEWS</font></TD>
                  <td>
                     <marquee>Active now: 13 +++ </marquee>
                  </td>
               </tr>
            </table>
         </li>
      </ul>
   </div>
</nav>

我为可视化创建了一个jsfiddle：https://jsfiddle.net/gv86j5c9/

我现在的问题如下：如何响应性地格式化newsticker，以便与单个nav-menu-row中的其他nav-menu-items进行平衡？我的newsticker有点太长了，所以它被放在导航菜单项下面。但是，我希望它在屏幕不足以适应newsticker和nav-items时自动缩小。