를 사용하는 방법 탐색 알약의 탐색과 정서 bootstrap3x 지 않고 반응하는 기능

Question

내가 정말 원하는 이를 구현하려면서 프로젝트:

<div class="container">
        <ul class="nav nav-pills nav-justified">
          <li class="active"><a href="#">Home</a></li>
          <li><a href="#">Projects</a></li>
          <li><a href="#">Services</a></li>
          <li><a href="#">Downloads</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Contact</a></li>
      </div>
</div>

그러나 내가 하나의 수요 그리고 지구 밖으로 반응하는 기능입니다.더 정확한지 수직 겹쳐 쌓이는 화면이 작아집니다.

어제 저는 하루를 보낼 수 있도록 방법을 찾고 있 Bootstrap 3 응답하지 않습니다.했을 만드는 내 사용자 지정 css 파일을 재정의 기능을 원하지만 때문에 나는 단지 시작에서 발굴 CSS 나는 그것을 찾기가 매우 어렵,그리고 순간에 불가능을 수동으로 변경해야 모든 것이 변경 될 수 있습니다.와 컴파일러는 공식 사이트에서 그리고 성공을 하지만 여전히 몇 가지 반응하는 기능이다(왼쪽과 같은 클래스에 사용되는 형태로는 여전히 일으키는 원인이 되었다는 요소를 접).을 bassjobsen 의 작품에서 기 과 매우 가까웠지만 마지막 때 나는 오늘을 우리가 결정하는 우리는 너무 유동성에 충실하고 정의 폭입니다.그래서 저는 다시 얻을하는 공식 사이트이 있는 섹션에서 설명하는 방법을 제거하는 응답을 읽을 수 있는 기 하지만 문제는 제안하고 제공되는 예를 이 제안은 단지 부분적인 솔루션입니다.한 나 nav-pills 여전히 붕괴에 도달 한 후 특정 폭입니다.적으로 포함되어 있는 비 반응이다.css 파일 예제에서 프로젝트,그래서 이 문제가 되지 않습니다.내가 보는 것들 중 하나를 수정해야 각 클래스를 수동으로와 거기 쉬운 방법은 없을 부트스트랩 3 만을 위한 고해상도의 기기(정확한 경우시기 바랍니다).

죄송을 제공 할 수 있는 코드를 더했 많은 시도 하지만 난 그들의 수 있습니다.만약 누군가가 있었과 같은 문제에 대한 해결책이 가장 극명하게 될 것입니다.내 계획에 부트스트랩을 포기하고 순수한 CSS/jQuery 코드는 것을,하지만 정말 좋아하는 이 기능을 추가하고 싶다면 나는 디자인 전에 계속합니다.

Answer 1

하이 특정 메뉴를 할 수 있습니다:

• 하나의 제거 등 nav-justified 이 대답하는 스타일입니다.

• 두 개의 고정된 컨테이너 width.

  .container {
    width:800px;
  }
  

이 데모 보기 http://jsfiddle.net/52VtD/561/.

마지막으로 사용하는 경우에는 부트스트랩만 visual 테마 나는 생각하지 않는 최선의 방법입니다.

을 유지하는 스타일의 nav-justified 를 추적할 수 있습이고 장소에서 다른 클래스:

.nav-pills li {
  float:none;
  display:table-cell;
  width:1%;
  text-align:center;
}

데모 http://jsfiddle.net/52VtD/566/

편집

여기에서 논리-->

를 제거 등 nav-justified 기 때문에 그것은 마지막에는 덮어쓰기 스타일에 ul 그리고 아마 이라는 클래스에 의해 media queries.그래서 이것을 제거하면 당신은 피 미디어 쿼리를 선언하지 않 위치를 변경 또는 표시에 대한 반응이다.

고 유지하는 시각 nav-justified 추가 어떤 스타일에만 해당 스타일을 넣어 다른 클래스는 선언을 하지 않고 반응하는 부분입니다.

는 경우 당신은 여기에서 검색 http://getbootstrap.com/dist/css/bootstrap.css 잘 찾을 수 있습니다 어떤 클래스에서 호출되는 미디어 쿼리를 선언입니다.