【问题标题】：How do you make the Bootstrap navbar logo and menu have "padding" on the left and right, respectively?您如何使 Bootstrap 导航栏徽标和菜单分别在左侧和右侧具有“填充”？
【发布时间】：2021-08-27 19:52:03
【问题描述】：
现在，徽标和菜单与我网站上屏幕的最左侧和最右侧对齐。我希望他们与极端值保持一定的百分比距离（而不是绝对距离），这样即使您调整页面大小也能正常工作。
谢谢。
【问题讨论】：
-
您是否尝试过在导航栏中使用container，如Bootstrap docs 中所述？对于容器，徽标和菜单按钮在小屏幕上位于最左侧和最右侧，但在大屏幕上位于容器大小内。
标签：
javascript
html
jquery
css
bootstrap-4
【解决方案1】：
我认为您希望您的徽标和菜单在屏幕左右两侧留出一些空间，如果是这样，那么您可以在导航栏本身的左右两侧进行填充，它会自动推送徽标和菜单屏幕中间是您可以遵循的代码。
<nav class="navbar">
// YOUR CODE GOES HERE
</nav>
.navbar{
padding: 0 20px //insted of 20px you can give it in X% as well.
}
如果我错过了理解问题，请告诉我。