我有一个 Bootstrap 站点，有 12 列，左上角的徽标，'span3' 的 4 个主要导航项 - 一切都很好。
然而，设计师在右上角放置了 3 个“重要”的导航项目，与主导航分开，作为图像（尴尬的设计，不能在 HTML/CSS 中重建）。这是一个固定宽度，需要 5 个可点击项目。
它需要像素定位——导航项目位于不同的位置。
我希望图像在任何屏幕宽度的顶部导航中保持右对齐。当我们降低到移动宽度时，我希望它位于徽标下方（当前为“span6”）。
确保点击目标在每个屏幕宽度上对齐的最佳做法是什么？
谢谢。