Html &引用；导航栏按钮"；折叠时不对齐（移动视图）

我在导航栏上有一个按钮，代码如下：

切换导航





登录

是的，您需要为按钮设置边距

.navbar-btn { margin-left: 15px }

它将与其他元素对齐。 当然，您需要指定断点，移动视图位于该断点处

@media (max-width: 767px) { .navbar-btn { margin-left: 15px; } }

---

您可以使用以下内容：

<a href="#" id="myBtn"><div class="btn btn-default navbar-btn">Login</div</a>

@media (max-width: 767px) { 
  a#mybtn {
    margin: 8px 0px 10px 16px;
    padding: 0;
  } 
}

a#myBtn {
  margin: 8px 0 0 0;
  padding: 0;
}

---

login这一功能适用于移动设备（您可以看到按钮和其他链接之间的垂直间距更大）。这和正常的视图是不一样的：我在引导中搜索了一些东西，并没有运气。这就成功了。