您如何使 Bootstrap 导航栏徽标和菜单分别在左侧和右侧具有“填充”？

Question

Right now, the logo and menu are aligned to the far-left and far-right of the screen on my website. I would like them to stay a set percentage distance (as opposed to absolute distance) away from the extremes so that it works well even when you resize the page.

Thanks.

Answer 1

I think you want to have your logo and menu some space from the left & right of the screen, if it is true then you can give padding to the left & right of the navbar itself it will automatically push the logo and menu towards the middle of the screen here is the code you can follow.

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

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

and, If I miss understood the question please let me know.