Кнопка загрузки бутстрапа Twitter с серым текстом

Я использую Twitter Bootstrap в качестве рамки для своего приложения Ruby on Rails.

Я использую link_to для создания ссылок, которые обозначаются как кнопки со следующими классами CSS: "btn btn-primary btn-mini".

Например:

<%= link_to 'New Event', url_for(:action => 'new', :controller => 'events') , :class => "btn btn-primary btn-mini" %>

генерирует следующий html

<a href="/events/new" class="btn btn-primary btn-mini">New Event</a>

Кнопка отображается правильно, но текст кнопки отображается серым, а не белым. Функционально он отлично работает, он не отключен или так. Текст также становится белым, когда мышь нависает над кнопкой.

Я проверил несколько случаев. Я пришел к выводу, что всякий раз, когда сгенерированная (или жестко закодированная) ссылка начинается с косой черты (/), текст кнопки имеет серый цвет. Всякий раз, когда он начинается с относительного ресурса

Я запускаю Rails 3.2.2 и использую последнюю версию twitter-bootstrap-gem.

Как я могу это исправить?

Ответ 1

Вы запустили генератор эшафотов? Scaffold.css вызовет это. Если вы удалите его, вам будет хорошо идти.

Вы также можете запустить генератор с помощью -skip-stylesheets, чтобы предотвратить их создание.

Ответ 2

Не полностью удаляйте свою папку scaffold.css, просто удаляйте содержимое и оставляйте там папку. Если вы снова создадите эшафот в какой-то другой точке, особенно если вы начинаете стадии dev, папка, вероятно, вернется, и у вас будет такая же проблема. Поэтому, если вы просто удаляете содержимое, это похоже на одно и то же, и система не добавит в будущем другую папку.

Ответ 3

В случае, если у вас уже запущено приложение, и вы решили установить bootstrap, и у вас больше нет Scaffold.css, вы можете просто добавить это в свой bootstrap.css в parte, где определены свойства кнопок (my: line 2726 ):

.btn:visited { 
color: #FFF
}

Ответ 4

Просто добавьте :style к вашей кнопке.

<%= link_to 'New Event', url_for(:action => 'new', :controller => 'events') , :class => "btn btn-primary btn-mini", :style=>'color:#FFFFFF;' %>