Bootstrap: toggle bar 우측 고정: ms-auto 사용하기

다른 사이트들을 개발자 도구로 휴대폰 크기로 보면 
햄버거 아이콘이라고 불리는 toggle bar가 우측으로 고정되어있었다.

Bootstrap의 ms-auto class로 간편하게 우측 고정으로 만들 수 있다.

전체 코드) button에 ms-auto class를 추가했다.

<button class="navbar-toggler ms-auto" type="button"
    data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
    aria-controls="navbarSupportedContent" aria-expanded="false"
    aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
</button>

결과) 토글 바가 우측으로 고정된다.

아이폰 12 프로로 봤을 때