Блог

Главная - Вопросы по программированию - Bootstrap — col-size не работает при импорте bootstrap scss

Bootstrap — col-size не работает при импорте bootstrap scss

#twitter-bootstrap #sass

#twitter-bootstrap #sass

Вопрос:

Моя проблема в сетке boostrap. Когда я импортирую bootstrap.scss в свой компонент, col-size не работает. Вот мой код:

test.component.html

 <div class="row">
    <div class="col-2" style="background-color: red;">HELLO WORLD</div>
    <div class="col-8" style="background-color: green;">HELLO WORLD</div>
    <div class="col-2" style="background-color: blue;">HELLO WORLD</div>
</div>

это работает, как я и ожидал. Но, когда я импортирую файл bootstrap.scss, он будет отображаться в полном размере:

test.component.sass

 @import "../../../../node_modules/bootstrap/scss/bootstrap"

Спасибо

Комментарии:

1. Как импортировать файл test.component.sass?

2. Извините, я забыл сказать, что я использую Angular