Michael Hartl RoR 자습서, 탐색 모음 제 5 장 정렬되지 않음

Michael Hartl (멋진) Ruby on Rails 튜토리얼을 살펴보고 싶지만 5 장에 문제가 있습니다. 머리글의 탐색 모음이 세로로 정렬되고 정렬됩니다 왼쪽과 오른쪽이 아니라 오른쪽으로.Michael Hartl RoR 자습서, 탐색 모음 제 5 장 정렬되지 않음

이

내 헤더 (_header.html.erb)는 다음과 같습니다

<header class="navbar navbar-fixed-top navbar-inverse"> 
    <div class="container"> 
    <%= link_to "sample app", '#', id: "logo" %> 
    <nav> 
     <ul class="nav navbar-nav navbar-right"> 
     <li><%= link_to "Home", '#' %></li> 
     <li><%= link_to "Help", '#' %></li> 
     <li><%= link_to "Log in", '#' %></li> 
     </ul> 
    </nav> 
    </div> 
</header>

을하고 Gemfile에 내가

gem 'rails',      '5.0.0.1' 
gem 'bootstrap-sass',    '3.3.6' 
gem 'sass-rails',     '5.0.6'

질문이 요청되기 전에 (here을 같은) 그러나 그것들은 RoR의 구버전과 나에게 도움이되지 못했습니다. 누구나 아이디어있어?

*= require_tree . 
*= require_self

와 동일한 폴더에 custom.scss 파일로 시작 :

는 는 [편집] 응용 프로그램/자산/스타일 시트에

application.css 파일은 줄이 포함

@import "bootstrap-sprockets"; 
@import "bootstrap";

출처

2016-09-25 Michael Nieuwenhuizen

은 레일 그 자체와 아무런 관련이 없다. 그것은 단지 twitter-bootstrap과 그 사용 방법입니다. – Aleksey

아니요, R 또는 RoR이 아닌 스타일 시트와 관련이 있지만 RoR 설명서에 있습니다. 해결책을 찾을 수 없으며 정말 RoR 튜토리얼을하고 싶을 때 Bootstrap을 파고 드는 데 시간을 낭비하고 싶지 않다.) –

당신의 asset/stylesheets/application에서'bootstrap'을 요구했는지 확인할 수 있겠습니까? [css | scss] – oreoluwa

발견 된 문제 : 분할 화면이있는 브라우저 크기는 760px입니다. 오른쪽의 개발자 도구. 내 창을 넓게 만들 때 내비게이션 막대가 제대로 정렬되었습니다. 부끄러움에 숨어있다.)

출처

2016-09-26 05:48:23

Michael Hartl RoR 자습서, 탐색 모음 제 5 장 정렬되지 않음

답변

관련 문제