Привет) Кто нибудь подскажет, что не так с сеткой в

Question

Привет) Кто нибудь подскажет, что не так с сеткой в

bootstrap 4 ? Подключаю к 6 ангуляру bootstrap
npm install bootstrap —save
затем в angular.json в секции style прописываю путь до css файла bootstrap.min.css
затем создаю самую простую разметку, в главном компоненте делаю <div class="row"><app-chield></app-chield></div>

в app-chield компонента разметка такая:

<div class="col-sm-4">
<div class="card">
<div class="card-body">
<h5 class="card-title">Специальный заголовок</h5>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
<a href="#" class="btn btn-primary">Переход куда-нибудь</a>
</div>
</div>
</div>

Почему то вся сетка едет, хотя все должно отлично отображаться... кто нибудь сталкивался?

#angular #frontend #javascript #programming #russian

0

13.07.2018

2 ответов

9 просмотров

Nikolai Harkusha

<div class="container"><app-chield></app-chield></div>а сам app-chield сделай <div class="row"> <div class="col-sm-4"> <div class="card"> <div class="card-body"> <h5 class="card-title">Специальный заголовок</h5> <p class="card-text">With supporting text below as a natural lead-in to additional content.</p> <a href="#" class="btn btn-primary">Переход куда-нибудь</a> </div> </div> </div> </div>

0

13.07.2018

Илья Шишкин · Accepted Answer

Илья Шишкин

классы .col должны быть внутри .row .row > .col

0

13.07.2018

169 похожих чатов

Привет) Кто нибудь подскажет, что не так с сеткой в

2 ответов

Похожие вопросы