После загрузки Bootstrap 3.x вы получите bootstrap.css и bootstrap-theme.css (не говоря уже о сокращенных версиях этих файлов, которые также присутствуют).
bootstrap.css
bootstrap.css
полностью стилизован и готов к использованию, если это ваше желание. Это возможно немного ясно, но оно готово, и это там.
Вам не нужно использовать bootstrap-theme.css, если вы не хотите, и все будет хорошо.
самозагрузки-theme.css
bootstrap-theme.css
это именно то, что имя файла пытается предложить: это тема для начальной загрузки, которая творчески считается «темой начальной загрузки». Название файла немного сбивает с толку, поскольку к базе bootstrap.css
уже применены стили, и я, например, считаю, что эти стили используются по умолчанию. Но этот вывод, по-видимому, неверен в свете того, что сказано в разделе примеров документации Bootstrap в отношении этого bootstrap-theme.css
файла:
«Загрузите опциональную тему Bootstrap для улучшения визуального восприятия».
Приведенная выше цитата находится здесь http://getbootstrap.com/getting-started/#examples на миниатюре, которая ссылается на страницу этого примера http://getbootstrap.com/examples/theme/ . Идея заключается в том , что bootstrap-theme.css
это самозагрузке тема И это необязательно.
Темы на BootSwatch.com
О темах на BootSwatch.com: Эти темы не реализованы как bootstrap-theme.css
. Темы BootSwatch - это модифицированные версии оригинала bootstrap.css
. Таким образом, вы определенно не должны использовать тему из BootSwatch И bootstrap-theme.css
файл одновременно.
Пользовательская тема
О вашей собственной пользовательской теме: вы можете изменить bootstrap-theme.css
при создании своей собственной темы. Это может упростить внесение изменений в стиль без случайного нарушения каких-либо встроенных функций Bootstrap.
Для примера стилей CSS взгляните на: http://getbootstrap.com/examples/theme/
Если вы хотите увидеть, как пример выглядит без файла bootstrap-theme.css, откройте инструменты разработчика браузера и удалите ссылку из <head> примера, а затем сравните ее.Я знаю, что это старый вопрос, но разместил его на тот случай, если кто-то ищет пример того, как я выгляжу.Обновить
bootstrap.css
= основная структура CSS (сетки, основные стили и т. д.)bootstrap-theme.css
= расширенный стиль (3D кнопки, градиенты и т. д.). Этот файл не является обязательным и не влияет на функциональность начальной загрузки, он только улучшает внешний вид.Обновление 2
С выпуском v3.2.0 Bootstrap добавлена возможность просмотра темы css на страницах документации. Если вы перейдете на одну из страниц документа ( CSS , компоненты , Javascript ), вы должны увидеть ссылку «Просмотр темы» в нижней части боковой панели, которую вы можете использовать для включения и выключения темы CSS.
источник
bootstrap.css
темы на Bootswatch.com, как там написано на сайте, и я все еще мог бы использоватьbootstrap-theme.css
даже с темой Bottswatch?bootstrap-theme
с Bootswatch. Это все равно испортило мой сайт.Во-первых,
bootstrap-theme.css
это не что иное, как эквивалент стиля Bootstrap 2.x в Bootstrap 3. Если вы действительно хотите его использовать, просто добавьте егоbootstrap.css
ДОЛЖНО (минимизированная версия также будет работать).источник
Bootstrap-theme.css - это дополнительный файл CSS, который вы можете использовать не обязательно. Он дает 3D-эффекты для кнопок и некоторых других элементов.
источник
Как утверждают другие, имя файла bootstrap-theme.css очень запутанное. Я бы выбрал что-то вроде bootstrap-3d.css или bootstrap-fancy.css, которое было бы более наглядным описанием того, что он на самом деле делает. То, что мир видит как «Bootstrap Theme» - это то, что вы можете получить от BootSwatch, который является совершенно другим зверем.
С учетом сказанного, эффекты довольно приятные - градиенты, тени и тому подобное. К сожалению, этот файл нанесет ущерб темам BootSwatch, поэтому я решил разобраться, что нужно сделать, чтобы с ними было приятно играть.
МЕНЬШЕ
Bootstrap-theme.css генерируется из файла theme.less в источнике Bootstrap. Уязвимые элементы (начиная с Bootstrap v3.2.0):
Файл theme.less зависит от:
В коде используются цвета, определенные в variables.less в нескольких местах, например:
Вот почему bootstrap-theme.css полностью испортил темы BootSwatch. Хорошая новость заключается в том, что темы BootSwatch также создаются из файлов variables.less, поэтому вы можете просто создать файл bootstrap-theme.css для своей темы BootSwatch.
Сборка bootstrap-theme.css
Правильный способ сделать это - обновить процесс сборки Theme, но здесь есть быстрый и грязный способ. Замените файл variables.less в источнике Bootstrap файлом из вашей темы Bootswatch и создайте его, и вуаля у вас есть файл bootstrap-theme.css для вашей темы Bootswatch.
Само создание Bootstrap
Сборка Bootstrap может показаться сложной, но на самом деле все очень просто:
Готово. Видите, это было легко, не так ли?
источник
Я знаю, что этот пост довольно старый, но ...
Как указал «свидетель».
Я вижу, как Bootstrap на протяжении многих лет видел, что каждый хочет чего-то немного отличного от основных стилей. Хотя вы можете изменить bootstrap.css, это может сломать вещи и сделать обновление до более новой версии реальным занятием и отнимает много времени. Загрузка с сайта «тема» означает, что вам придется ждать, если этот создатель обновит эту тему, большой, если иногда, верно?
Некоторые собирают свой собственный файл «custom.css», и это нормально, но если вы используете «bootstrap-theme.css», многие вещи уже созданы, и это позволяет вам быстрее катить свою собственную тему, не нарушая ядро начальной загрузки. .css. Мне, например, больше всего не нравятся 3D кнопки и градиенты, поэтому меняйте их с помощью bootstrap-theme.css. Добавьте поля или отступы, измените радиус кнопок и так далее ...
источник