#ruby-on-rails #twitter-bootstrap
#ruby-on-rails #twitter-bootstrap
Вопрос:
Начинающий программист, работающий с учебными пособиями onemontrails. Он предоставляет мне ускоренный курс по Ruby, Rails и некоторым CSS. Я работаю с Devise и Panels, чтобы мое приложение выглядело презентабельно. За пределами учебного пособия я попытался изменить цвета по умолчанию, чтобы мой сайт выглядел по-другому. Я сохраняю изменения в файле SCSS. Используя комбинацию документации по учебнику, Google и bootstrap, я смог изменить цвет практически для всего, КРОМЕ верхнего и нижнего колонтитулов панели.
Если я последую некоторым из предыдущих примеров, которые я сделал для элемента jumbotron, я успешно изменил цвет bg панелей, но не цвет заголовка;
$panel-bg: #E87E04;
$panel-heading-bg: #E87E04;
В документации по начальной загрузке для других элементов CSS было указано, как изменить цвет заголовков, но я просто не вижу его для заголовков панелей. Большая часть поиска в Google, который я делаю, предоставляет мне информацию, которую я не понимаю, как использовать с моим файлом SCSS. Я нашел много ссылок на использование
.panel-title
Просто не уверен, как связать это с моим SCSS. Может кто-нибудь привести мне пример того, что я пытаюсь выполнить, или ссылки на документацию, которую я, похоже, не могу найти?
Комментарии:
1. Создайте файл bootstrap_override.css.scss и добавьте все стили, которые вы хотите переопределить, а затем затребуйте этот файл в файле application.css. Убедитесь, что вы указали это ниже начальной загрузки
2. Привет, Мандип, у меня есть файл SCSS, который работает правильно. У меня возникла проблема с пониманием того, как управлять этим заголовком панели 🙂
3. можете ли вы показать мне, о какой панели вы говорите, какую-то ссылку или что-нибудь еще?
4. Извините за чрезвычайно длительную задержку. Мне потребовалось много времени, чтобы понять, как настроить мое приложение на Heroku и Heroku, работающих с Windows (все сводилось к неправильному ssh-ключу, а не к использованию оболочки GIT в Windows). arcane-basin-8400.herokuapp.com/users/sign_in Обратите внимание, что верхний и нижний колонтитулы панели не стилизованы, как остальная часть панели? Я пытаюсь понять, как управлять этим в начальной загрузке.
5. Проблем нет. Рельсы в Windows довольно жесткие. Если ваше приложение не работает, вы можете создать скрипку и показать свой код там :). ЕСЛИ вы переопределяете его, я подозреваю, что это может быть проблемой, связанной с css
Ответ №1:
Я считаю, что вам нужно перекомпилировать .scss into .css , чтобы ваши изменения вступили в силу. Вам нужно будет использовать SASS и в терминале, cd где находятся ваши файлы, а затем
sass --update input.scss:output.css
если вы не перекомпилируете, css не будет обновляться, что приведет к отсутствию объявлений.