никакой css не применяется, когда я использую localpath для включения bootstrap.min.css, он работает, когда я использую url CDN вместо localpath

#css #twitter-bootstrap #bootstrap-4

Вопрос:

Я использую bootstrap 4.3.x. Я хочу включить CSS с помощью localpath, но CSS не применяется, если я это сделаю. ниже приведен localpath.

Я попытался поместить следующий исходный URL для включения bootstrap.min.css, который не работает

link href="css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"

Где, как и при использовании указанного ниже пути CDN, это работает.

link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"

включение localpath должно отображать соответствующие элементы в index.file. на данный момент он показывает разрозненные элементы. Я проверил консоль браузера, и я получаю следующие ошибки

Доступ к таблице стилей CSS в ‘file:/// C:/xampp/ htdocs /resumo / css /bootstrap.min.css’ из источника ‘null’ заблокирован политикой CORS: запросы с разными источниками поддерживаются только для схем протоколов: http, data, chrome, chrome-extension, https.

2. Не удалось загрузить ресурс: net::ERR_FAILED

1. Проверьте консоль вашего браузера на наличие ошибок и вставьте их в свой вопрос.

2. привет, @ nick, я только что добавил ошибки консоли браузера в свой вопрос.

3. Ах, я думаю, вы пытаетесь получить доступ к файлу html неправильно. Вам нужно попробовать получить доступ к вашему HTML-файлу, используя что-то вроде этого : http://localhost:<port if provided any>/<folder under xampp>/<filename>.html

4. Спасибо @Nik, вы правы. он работает, когда я включаю xamp и получаю к нему доступ с помощью localhost.

5. Рад, что помогло. 🙂

Ответ №1:

просто удалите все эти строки из вашего href кода

 integrity="sha384-ggOyR0iXCbMQv3Xipma34MD dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"

и сохраняю только эту строку

 link rel="stylesheet" href="css/bootstrap.min.css"

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

 link rel="stylesheet" href="css/bootstrap.min.css"

Ответ №2:

Я пытался напрямую открыть файл в браузере, что вызвало проблему с загрузкой css. На самом деле, мне нужно включить веб-сервер ( apache включен xampp в моем случае) и получить доступ к файлу, используя протокол http с url http://localhost/project/filename .

Спасибо Нику, который нашел для меня ответ

1. Примите свой собственный ответ, чтобы он помог другим.

2. я новичок в stackoverflow и не знаю, как принимать ответы. принятие означает ли это, что мой ответ получил одобрение?

3. stackoverflow.blog/2009/01/06/ примите свои собственные ответы взгляните на это.