2016-11-11 11 views
0

안녕하십니까.이 책을 읽어 주셔서 감사합니다. 메신저가 사용하는 기본 부트 스트랩 navbar가 있습니다. 항목을 중앙에 배치하고 어떻게 든 작동하지 않는 메서드를 따라 tryed 했으므로 (다른 사람들에게는 효과가있는 것처럼 보입니다) 잘못된 작업을 수행해야합니다. 옵션 1 :nav.nav-center{margin:0;float:none} .navbar-inner{ text-align:center}옵션 2 :.navbar.center .navbar-inner{text-align: center}.navbar.center .navbar-inner .nav{display:inline-block;float:none}옵션 3 :.navbar.center .navbar-inner{text-align: center}.navbar-nav {width:100%;text-align:center; > li {float: none;display: inline-block} 그래서 위의 방법으로도 문제가 해결되지 않습니다. 나는 왜 그런지 이해하지 못한다. Here is the fiddle 미리 감사드립니다! 종류센터에서 navbar-nav 역으로부터 부트 스트랩 메뉴 항목을 설정하는 방법은 무엇입니까?

답변

0

네에게 안부이 하나

.navbar-collapse li a { text-align: center; }

같은 특정 CSS 규칙을 만들 수있는 좋은 방법이 아닙니다, 그러나 이것은 나를 위해 작동합니다.

+0

죄송합니다, 내가 원하는 것은 메뉴가 접힐 때 가운데에 있지 않고 붕괴되지 않았을 때입니다. 하지만 나는 그것이 붕괴되었을 때 중심에 두는 것을 싫어하지 않는다. 그렇게 말하면 고맙다. 나는 뭔가를 이해하지 못한다. 나는 그것을 실제 사이트에서 할 때, 작동한다. 같은) 그것을하지 않습니다 그리고 그 이유는 이전에 솔루션을 tryed도 노력하지 않았다고 생각합니다. 그리고 어떻게하면 더 나은 방법이 당신의 의견에 어울릴 것입니까? 이것을 성취하는 가장 좋은 방법은 무엇입니까? 빠른 답변 주셔서 감사합니다! –

+0

나는 아직도 CSS에 위의 답변을 넣을 때 변경 사항을 적용하지 않는 이유를 찾지 못했습니다. 바이올린에서는 실제 사이트가 아닌 부트 스트랩 하나를 방해하는 CSS가 있어야합니다. 그러나 보거나 사용하는 다른 CSS 파일이 없습니다 **. navbar-collapse ** 또는 모든 탐색 속성 ... 이런 종류의 문제를 해결하기 위해 어디에서 찾아야할지 우스꽝 스럽습니다. 친절한 분께 –

+0

그리고 inspect 요소에서 navbar **. less **를 보았습니다.이 부분이 어디에서 왔는지는 다음과 같습니다. http : // lesscss.org/하지만 어디서 왔는지는 모르지만, 기본적으로 무엇이 바뀌어야하는지 알고 있습니다.하지만 그것을 바꿀 때 잘못된 곳에서 바뀌거나 뭔가 다른 것이 있습니다. 도움을 주시면 대단히 감사하겠습니다! –

0

그래서 navbar-inverse를 사용하고 기본값을 지정하지 않아서 아무것도 바뀌지 않은 이유를 발견했습니다. 그러나 텍스트 정렬 : center는 작동하지 않으며, 단지 할 수 있습니다. 그것이 가장 좋은 해결책은 아니지만 최소한 일시적인 것 인 중심에 놓기 위해 마진을 X %로 설정하여 작동하도록하십시오. 임은 아직 어떤 도움도 열지 않습니다! 친절 관련