html - 我在移动 View 中所做的更改甚至适用于桌面 View 。如何避免？

Question

我正在为导航菜单使用 HTML 和 Bootstrap 。在移动 View 中，我需要下拉列表的边框。但即使在桌面 View 中也会显示边框。我不希望这发生。如何避免？

<li style="border-bottom: 1px solid #1F6689; border-top:1px solid #1F6689"><!-- ngIf: loggedUser --><a style="margin-right: 100px;" data-ng-if="loggedUser" class="ng-binding ng-scope">
                        <span class="fa fa-user iconAlign font-icon-size">&nbsp;</span>Shrivatsav, Deeksha</a><!-- end ngIf: loggedUser -->
                    </li>

请帮忙。

Answer 1

将其复制到您的样式表中

@media (min-width:1200px){

.nav.navbar-nav > li
{
border:0 !important;
}

}