Я настроил свой файл bootstrap.css и теперь понял, что это может вызвать проблемы в следующий раз, когда bootstrap выпустит обновление - как лучше всего решить эту проблему без потери всей моей работы?

2 Ответы

  • Даже если вы вернете все свои изменения в LESS и скомпилируете LESS в CSS; если бы у bootstrap было обновление, вы, скорее всего, потеряли бы все свои изменения. Некоторые обновления начальной загрузки (с v1 по v2) меняют имена классов, поэтому потеря ваших изменений была бы наименьшей проблемой, если бы они переименовали класс, который вы использовали.

    Обычно вы не обновляете бутстрап каждый раз, когда выходит обновление, если это не исправление ошибки для текущей версии. Вы могли бы создать свой сайт на той версии, которая уже вышла, и оставить ее до тех пор, пока у вас не будет редизайна или обновления.

    Я посоветовал бы в будущем использовать бутстрап, добавив ваш собственный CSS в конец файла CSS / LESS начальной загрузки или создайте свой собственный файл CSS, который вы включаете после вашего CSS начальной загрузки в заголовок вашего HTML. Затем вы переопределите стили начальной загрузки и создадите свои собственные, которые имеют приоритет. Это называется специфичностью и является вашим лучшим другом при настройке библиотек CSS.

    Если у вас есть два объявления стиля для одного и того же элемента, последнее из заданных будет использоваться вместо предыдущего.

    п {цвет: красный; размер шрифта: 17 пикселей; }

    p {цвет: синий; }

    Выше приведен пример специфичности, тег p будет иметь синий текст и размер 17 пикселей. Это потому, что мы переопределили свойство цвета, но мы по-прежнему используем свойство font-size из предыдущего объявления, потому что мы не переопределили это свойство.

  • Я новичок в начальной загрузке, но, немного покопавшись, кажется, что есть несколько способов обойти эту довольно распространенную (и раздражающую) проблему!

    Обновление вашего настроенного файла bootstrap.css.

    Первый способ решить эту утомительную проблему - загрузить так называемый файл less.js. Это позволяет писать более компактный код, а также может решить эту проблему.

    • После того, как вы скачали less.js, включите его (вместе с начальной загрузкой) в свой <head>.
    • Чтобы перекомпилировать файлы less.js, сохраните и перезагрузите страницу. Меньше сохранит их в локальном хранилище.
    • Или, если хотите, вы можете скомпилировать совершенно новый bootstrap.css со своими настройками, выполнив следующую команду (вам потребуется установить инструмент командной строки less через узел):
    • $ Lessc ./less/bootstrap.less> bootstrap.css
    К счастью, существует много поддержки для начальной загрузки, поэтому обычно можно найти решения для любых проблем, которые могут возникнуть при разработке вашего веб-сайта.

    технология


Напишите свой ответ

Ваш ответ появится после модерации

Похожие вопросы