无法获得所需的外观

-3

enter image description here 我想对齐所有的菜单，包括菜单，奖项，这是在水平面的标题右侧出现。请提供一些代码，这将有助于我提供水平菜单而不是vertical.I提供了我用于使用bootstrap，js设计网站的代码段。无法获得所需的外观

  <div id="collapsable-nav" class="collapse navbar-collapse"> 
       <ul id="nav-list" class="nav navbar-nav navbar-right"> 
       <li> 
       <a href="menu-categories.html" class="pull-left"> 
        <span class="glyphicon glyphicon-cutlery"></span><br 
       class="hidden-xs">Menu</a> 
       </li> 
       <li> 
        <a href="#"> 
        <span class="glyphicon glyphicon-info-sign"></span><br 
       class="hidden-xs">About 
       </a> 

       </li> 
      <li> 
       <a href="#"> 
        <span class="glyphicon glyphicon-info-sign"></span><br 
       class="hidden-xs">Awards</a> 
      </li> 
      <li id="phone class="hidden-xs"> 
       <a href="TEl:8461044634"><span>8461044634</span> 
       </a><div>*We Deliver</div></li> 
       </li> 
     </ul> 
     </div> 
     </div>

来源

2017-09-10 SAM96

欢迎来到Stack Overflow。你已经尝试过什么来达到这个目标？堆栈溢出不是一种编码服务。您需要研究您的问题，并尝试在发布之前亲自编写代码。如果您有*特定的*编码问题，请包括您尝试过的内容以及[最小，完整和可验证示例]的摘要（https://stackoverflow.com/help/mcve）。请阅读[预计需要多少研究工作]（https://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users）。 – FluffyKitten

如果您有铺有引导列表，您要覆盖它使用非常重要。但这并不是最佳做法。最好删除bootstrap并尝试用raw css解决它。

li { 
display: inline-block !important; 
}

祝您好运与项目。

来源

2017-09-10 22:05:38

没有发生变化，谢谢@Daniel，兄弟！删除那个很有效的bootstrap.min.css之后！ – SAM96

覆盖这样的项目里的“显示”样式CSS：

li { 
    display: inline-block; 
}

来源

2017-09-10 21:01:43

输出 – SAM96

无法获得所需的外观

回答

相关问题