작은 장치의 경우 부트 스톱 탐색 정당화 축소를 비활성화하는 방법

부트 스트랩을 사용하여 상위 요소의 너비에 고르게 맞출 탭을 정당화합니다. 이것은 나에게 중요합니다. 그러나 부트 스트랩은 크기가 작은 장치에 대해 자동으로이를 축소하여 100 % 너비로 제공하고 싶지 않습니다. 이 기능을 비활성화하려면 어떻게해야합니까? 간단한 코드 :작은 장치의 경우 부트 스톱 탐색 정당화 축소를 비활성화하는 방법

<ul class="nav nav-tabs nav-justified> 
    <li></li> 
    <li></li> 
    <li></li> 
</ul>

감사

출처

2013-12-08 robinyapockets

캡쳐 화면이 있습니까? –

@JamesMohler 저는 stackoverflow를 처음 사용하고 아직 사진을 업로드 할 권한이 없지만 스크린 샷이 필요하지 않을 수 있습니다. http://getbootstrap.com/components/#nav-tabs 당신은 nav 링크가 더 작은 장치를 위해 쌓여 있다는 것을 읽을 것입니다. – robinyapockets

당신은 클래스 COL-XS-12 따라서 그것은 매우 작은 디스플레이에 누적됩니다에 컨테이너를 추가 할 수 있습니다. 결국 모든 디스플레이에서 누적되지 않도록하려면 미디어 쿼리를 작성하십시오. 미디어 쿼리가

봐 : 당신이 더 많은 코드를 공유하는 경우 http://getbootstrap.com/css/#grid

그때 내가 대답에 더 구체적으로 할 수 있습니다.

출처

2013-12-08 20:22:38 Gokhan

감사합니다. 미디어 쿼리로 얻을 수있었습니다. nav-justified> li {display : table-cell;} @Gokhan – robinyapockets

여러분도 환영합니다. 비슷한 문제에 대한 해결책을 찾고있는 누구든지 see this – Gokhan

이것은 문제를 해결하지 못하지만 실제로 동작을 전혀 변경하지 않습니다. – felwithe

당신은 폭을 추가해야합니다 : 1 %가이 답변이 정확하지

.nav-justified > li { 
    display: table-cell; 
    width: 1% 
}

출처

2014-11-13 21:00:45

스트레칭 할 수 있습니다. 부트 스트랩에는 기본 메뉴의 축소와 동일한 방식으로 기본 제공되는 간단한 방법이 있습니다.

는 nav 요소에 클래스 navbar-default를 추가합니다. 이 클래스 없이는 축소되지만 작은 펼치기 아이콘 (펼치기 위해 클릭하는 세 개의 수평선)은 없습니다.
축소해야하는 링크가 포함 된 내부 div에 navbar-collapse collapse 클래스를 추가하십시오.
div가 무너지기 전에 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>을 추가하십시오.

위의 3 단계를 잘라내어 붙여 넣으려고하면 다소 번거롭고 혼란 스러울 것입니다. 내가 한 일은 글자 그대로 상단의 작업 표시 줄에서 해당 섹션을 복사하여 붙여 넣은 다음 하나씩 붙여 넣는 것입니다. navbar-default, navbar-collapse 및 버튼과 같은 3 가지 요소가 필요합니다.

출처

2015-03-26 14:24:15 felwithe

작은 장치의 경우 부트 스톱 탐색 정당화 축소를 비활성화하는 방법

답변

관련 문제