Учебник по Rails, странное CSS-форматирование на сайте

Question

Вы можете увидеть это здесь .

Сайт выглядит хорошо, когда я удаляю Blueprint.Я попытался добавить Bootstrap, и возникла та же проблема.

Я следовал этому (превосходному) учебнику .

Answer 1

Согласно Chrome, это код, вызывающий это:

http://blazing-fog-1717.herokuapp.com/assets/application-fcc74be8bd91511db934f033390efd28.css

a:link::after, a:visited::after {
  content: " (" attr(href) ")";
  [...]

Я понятия не имею, почему blueprint может это делать, но вы можете просто отредактировать blueprint.css и удалить следующее правило:

content: " (" attr(href) ")";

Установка атрибута media ваших ссылок для печати (media = "print") также может решить проблему.

Если вам не нравится ни одно из этих решений, вы сможете переписать CSS, добавив следующий код CSS ПОСЛЕ включения плана:

a:link:after, a:visited:after {
  font-size:90%;
  content: none;
}

Я не уверен насчет последней части, но вы можете попробовать это.

Answer 2

У меня была такая же проблема, попробуйте добавить следующую строку в config / environment / production.rb

config.assets.precompile += [ "blueprint/*.css" ]

Этот шаг описан в разделе 5.4.3 Развертывание в рабочей среде с Blueprint ;)