Разница между bootstrap.css и файлом web.css?

#javascript #html #css #asp.net #twitter-bootstrap

#javascript #HTML #css #asp.net #twitter-bootstrap

Вопрос:

Я следил за этим руководством в сети разработчиков Microsoft по использованию asp.net и модель mvc с базой данных sql. Вот ссылка на учебное пособие, по которому я следовал http://www.asp.net/mvc/tutorials/mvc-5/introduction/getting-started .

Итак, в основном, я хотел поиграть с дизайном файла, который определен в этих трех файлах bootstrap.css, bootstrap.min.css и web.css.

Насколько я понимаю, bootstrap — это фреймворк html, css и javascript, который имеет дизайн для уже определенных элементов. В Visual Studio я начал редактировать файл bootstrap.css, изменив цвет фона элемента jumbotron. Однако, когда я сохранил файл и запустил свое веб-приложение, я заметил, что цвет остался прежним и не изменился. Но, когда я определил дизайн для элемента .jumbotron в файле web.css, цвет фона элемента соответственно изменился на красный.

По сути, я хочу знать, ограничен ли bootstrap.css для редактирования в шаблоне?

Ответ №1:

Что такое Bootstrap

Я думаю, вы пытаетесь сослаться на загрузчик Twitter, который используется по всему Интернету. Он содержит большинство методов стилизации элементов, таких как кнопки, входные данные и т. Д.

Когда вы редактируете таблицу стилей веб-сайта (Bootstrap.css — это таблица стилей, и ее имя не позволяет ей записывать / редактировать защищенный файл), вы получаете стиль, который вы к нему применили.

http://getbootstrap.com/

Web.css

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

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

Вы правы. Он имеет все предопределенные методы и содержит все содержимое и стили, необходимые для того, чтобы сделать веб-страницу адаптивной. Подробнее: https://en.wikipedia.org/wiki/Responsive_web_design

Что могло бы вызвать эту проблему, так это кэш. При первой загрузке веб-страницы она должна была захватить новую таблицу стилей из файловой системы и применить стили. Но во второй раз он загрузил бы файл из кэша.

https://en.wikipedia.org/wiki/Cache_ (вычисление)

Таким образом, браузер загрузит последний последовательный макет веб-страницы. Без загрузки новой таблицы стилей из файловой системы.

Я действительно думаю, что вам нужно перезагрузить страницу с помощью CTRL F5. Это было бы полезно таким образом! Потому что Bootstrap.css доступен для редактирования, и вы можете его редактировать. Это не мешает редактированию, проблема только в кэшировании.