Bootstrap文本 - 右对齐以便在断点处导航

Question

现在我的导航链接集中在一个大显示屏上。

但是，在断点处和当菜单按钮出现时，我希望菜单项能够正确对齐。它看起来不像这样。

另外一种方法是删除导航链接正上方的那条小白线会很棒，我不知道它来自哪里。谢谢！

在https://willhay.io/masonry

处查看问题

Answer 1

你有一个额外的，你的test.css第78行，它在你的菜单中显示内联li项目。您需要从CSS的菜单项中删除该类。然后你可以漂浮你的物品。为此，您必须从第23行的UL声明中删除内联块，并将LI项设置为text-align：right;

Answer 2

对我来说，菜单看起来更好，因为它居中。
但是这里是您喜欢的代码：

 @media only screen and (max-width : 780px) {
    .noStyle li {
        display:block;
        text-align: right;
    }
    .noStyle {
        float: right !important;
    }
    .navbar-collapse {
        -webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,.1);
            box-shadow: inset 0 0px 0 rgba(255,255,255,.1);
    }
 }

将“780px”更改为您喜欢的宽度。