原文:https://www . geeksforgeeks . org/how-align-nav bar-logo-向左-screen-use-bootstrap/
在 bootstrap 中,使用 Bootstrap 类左右对齐项目非常容易。默认情况下,它设置为左侧。如果你想将物品居中或右对齐,你可以自己完成。使用 Bootstrap 方法将 navbar 徽标对齐到屏幕左侧是一个快速的技巧,可以省去您编写额外的 CSS。在这种情况下,我们只需在 div 标签上添加另一个 div 标签,该标签具有类 nav bar nav bar-expand-LG nav bar-light BG-light fixed-top py-LG-0。
示例:
"https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> alt=""> data-toggle="collapse" data-target="#navbarResponsive" aria-cOntrols="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> id="navbarResponsive"> Home (current) About Courses Contact
输出: