占用屏幕宽度的Bootstrap导航折叠链接

Question

当我的导航栏崩溃时，链接会占据整个屏幕的宽度。我怎样才能使它成为文本内部的宽度？我已经尝试过针对ul和li css而没有运气，也不确定如何处理这个问题。关于什么样的风格可以解决这个问题？

 <div class="collapse navbar-collapse pull-right" id="nav-collapse">
             <ul class="nav navbar-nav navbar-right">
              <li class="active"><a href="#intro">About</a></li>
              <li><a href="#exp">Experience</a></li>
               <li><a href="#skl">Skills</a></li>
              <li><a href="#img-port">Graphic</a></li>
              <li><a href="#vid-port">Video</a></li>
               <li><a href="#contact">Contact</a></li>             
            </ul>
          </div>

Answer 1

您可以使用以下内容：

#nav-collapse > .nav > li {
  display: inline-block;
}