我正在尝试将Twitter Bootstrap的标准导航栏的大小更改为更小的尺寸。在导航栏中，我想要左侧的品牌/徽标，中心的一些菜单选项以及右侧的一些社交媒体图标。
到目前为止，我已将它们整理好了，而且我已经能够将它缩小...但是，当屏幕缩小到较小尺寸时（例如，手机等）社交图标位于菜单选项的右侧，它看起来并不好看。
CSS / HTML中缺少哪些社交图标不在菜单选项下面？
以下是我到目前为止查看来源的链接：http://trevormcgrath.com/navbartest/smallnavbar.html
我非常感谢任何人可以在这里给我的任何帮助！提前谢谢。
答案 0 :(得分：0)
有很多方法可以完成你所描述的内容。
基于我最初想要做的事情的基础：给你提出问题的社交图标位于单独的<ul>内，而不是正常行为的链接。
可能会使用一个<ul>。另请注意，javascript会更改布局，因此简单的css /更好的标记不会成为总答案。
答案 1 :(得分：0)
为图标display: block;设置<ul>，然后使用媒体查询根据需要设置样式。