Учебник Ruby on Rails, глава пятая — стилизация

Я просматриваю учебник Майкла Хартла и, дойдя до главы о стиле и макете, похоже, что-то не так. В то время как в руководстве ссылки на сайты выровнены по правому краю в одну строку (например, http://railstutorial.org/images/figures/site_with_footer_bootstrap_4_0-full.png), я правильно выровнял их один под другим, а некоторые (но не все) другие элементы стиля отсутствуют.

Я пытался обновить драгоценные камни.

Пример кода — _header.html.erb

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

Я думаю, это означает, что бутстрап чем-то недоволен, но я не могу сказать чем.

Спасибо, что дочитали до этого места :)


ruby-on-rails bootstrap-sass
person dan    schedule 24.03.2014    source источник
comment
Какую версию Bootstrap вы используете, 2.x или 3.x?   -  person tirdadc    schedule 24.03.2014
comment
Как ни странно, список драгоценных камней --local дает - bootstrap-sass (3.1.1.0, 2.3.2.0)   -  person dan    schedule 24.03.2014
comment
В gemfile.lock это bootstrap-sass (3.1.1.0)   -  person dan    schedule 24.03.2014

Ответы (3)


arrow_upward
0
arrow_downward

Если у вас когда-нибудь возникнут вопросы относительно вашего кода и того, каким он должен быть, попробуйте сначала проверить его репозиторий.

https://github.com/railstutorial/sample_app_rails_4

Там у него есть полная рабочая копия примера приложения.

person Ryan-Neal Mes    schedule 24.03.2014

arrow_upward
0
arrow_downward

Предполагая, что это весь ваш HTML для панели навигации, не похоже, что теги были закрыты должным образом. Пытаться:

<header class="navbar navbar-fixed-top navbar-inverse">
  <div class="navbar-inner">
    <div class="container">
      <%= link_to "sample app", '#', id: "logo" %>
      <nav>
        <ul class="nav pull-right">
          <li><%= link_to "Home",    '#' %></li>
          <li><%= link_to "Help",    '#' %></li>
          <li><%= link_to "Sign in", '#' %></li>
        </ul>
      </nav>
    </div>
  </div>
</header>
person tirdadc    schedule 24.03.2014
comment
извините - как-то я напортачил код, когда вставлял в переполнение стека, а не в приложение. Я проверил это в приложении, и это правильно (это соответствует вашему коду выше). - person dan; 24.03.2014

arrow_upward
0
arrow_downward

Копаем дальше в комментарии RADan

Как ни странно, список драгоценных камней --local дает - bootstrap-sass (3.1.1.0, 2.3.2.0)

Я обнаружил, что у меня такая же проблема. Чтобы решить эту проблему (она обслуживает более новую версию бутстрапа вместо старой версии, что вызывает проблемы с классом CSS), я удалил старую версию бутстрапа, введя в терминал следующее:

gem удалить bootstrap-sass -v 3.1.1.0

person Peter W    schedule 12.04.2014