Question

我需要建议。我正尝试将导航中的徽标向右移动，就像我使用搜索表单.navbar-right进行margin-right 150px一样，我也尝试使用.navbar-right包含我的徽标和{{1}只是不工作。当我没有margin-left班div并尝试navbar-right时，它也会将我的导航栏移到左侧。

你会这么善良并帮助我解决这个问题。

margin-left

/* nav */

.navbar-right {
  margin-right: 150px;
}

.navbar-left {
  margin-left: 150px;
}

.nav {
  margin-left: 500px;
  position: static;
}

.navbar-brand {
  margin-left: 150px;
}

.navbar-logo {
  max-width: 200px;
  max-height: 75px;
  margin-top: 14px;
}

.form-control {
  border-radius: 0px !important;
}

.btn {
  border-radius: 0px !important;
}

Answer 1

您可以将margin-left: 150px;中的.navbar-left更改为所需的金额。

Answer 2

只需使用.navbar-left {padding:12px;}

Answer 3

您可以在徽标元素上增加左侧填充。或者你可以在你的navbar-left div

上创建它

Bootstrap移动徽标

3 个答案: