Как я могу расширить классы Bootstrap в SASS, если мне нравилось только загружать файлы в HTML-файле? - PullRequest
Новая
       1

Как я могу расширить классы Bootstrap в SASS, если мне нравилось только загружать файлы в HTML-файле?

0 голосов
/ 29 марта 2019

Мне интересно, как я могу расширить классы начальной загрузки в SASS, если у меня есть ссылка на таблицу стилей начальной загрузки в моем HTML-файле, как это сделано ниже: 

    <!DOCTYPE html>
<html>
    <head>
        <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">

      <link rel="stylesheet" href="styles.css">

        <title>Some title</title>
    </head>

Затем у меня есть файл .scss, который генерирует дополнительный файл css, с которым я также связан в заголовке моего HTML-документа. Но, например, если я попытаюсь расширить любой класс Bootstrap из файла .scss, как я сделал здесь: 

    .p3 {
    @extend .p-3;
    font-weight: bold;
    }

выдает ошибку, говорящую:

Sass :: SyntaxError: «.p3» не удалось @extend «.p-3». Селектор ".p-3" не найден. Используйте «@extend .p-3! Опционально», если расширение может потерпеть неудачу.

как мне это решить?

Большое спасибо,

1 Ответ

0 голосов
/ 30 марта 2019

Вам нужно включить загрузчик, импортировав его в main.scss.

что-то вроде: 

@import 'bootstrap.scss';

.yourClass {
   @extend .p-3;
   font-weight: bold;
}

Для получения дополнительной информации прочитайте документацию

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...