부트 스트랩에 nav spacer를 추가하는 방법

Question

Twitter Bootstrap을 사용하여 Nav 메뉴를 만들고 있습니다.

디자인에는 메뉴 사이에 스페이서가 있습니다. 테두리를 추가하면 괜찮아 보입니다. 하지만 전화 나 작은 뷰포트에서 보았을 때 접힌 메뉴에서 테두리가 오른쪽 아래에 오길 원합니다.

Boostrap을 사용하여 어떻게하면됩니까?

큰 뷰포트 :

작은 뷰포트 :

Answer 1

divider-horizontal 및 divider-vertical 클래스가 메뉴 간 분리/스페이서들을 생성하는데 사용된다.

이러한 클래스를 사용하거나 요구 사항에 맞게 사용자 정의 할 수 있습니다. 예 : -의 사용 예를 참조하십시오.

참고 : 추가 마크 업이 필요하며이 클래스에는 필수 클래스가 포함 된 li 요소가 필요합니다.