您如何使 Bootstrap 導航欄徽標和菜單分別在左側和右側具有“填充”？

Question

現在，徽標和菜單與我網站上屏幕的最左側和最右側對齊。 我希望他們與極端值保持一定的百分比距離（而不是絕對距離），以便即使在調整頁面大小時它也能正常工作。

謝謝。

Answer 1

我認為您希望您的徽標和菜單從屏幕的左右兩側留出一些空間，如果是這樣，那么您可以在導航欄本身的左右兩側進行填充，它會自動將徽標和菜單推向中間這里的屏幕是您可以遵循的代碼。

<nav class="navbar">
  // YOUR CODE GOES HERE
</nav>

.navbar{
  padding: 0 20px //insted of 20px you can give it in X% as well.
}

而且，如果我錯過了理解這個問題，請告訴我。