Как организовать грамотное подключение отдельных компонентов Bootstrap 4 (чтобы не подтягивать лишнего)?

Question

[Illia T]

Попытался подключить найденные мною отдельные компоненты bootstrap 4.0.0 alpha через галп и сасс: файлики подтягиваются, вместе с поппером ( нужен для выпадающего меню), но не работает.
Простое подключение по CDN всего что нужно работает.
Так же интересует тема резервного подтягивания файлов, если они не подтягиваются по CDN (кое-что читал на тему, но может быть подскажете\покажете что-нибудь более толковое).
Ну и напоследок: если есть советы (линк на годные советы) по грамотной работе с Bootstrap - было бы круто.

Comments

[Сергей delphinpro]

Берите sass версию (less, stylus по вкусу).
Подключаете импортом только необходимые части, собираете.

Answer 1

[ReActor Дмитрий Вершанский]

Самый для вас совет - уходите от bootstrap мышления, совсем скоро наступит эра grid и чтобы не таращить потом глаза с вопросами как? Для чего и почему? Узайте его уже сейчас по полной.
У bootstrap сетки есть один существенный минус - вы всегда ограничены двенадцатью колонками col в ряду row, grid же напротив, дает полную свободу действий, хоть 1920 колонок по 1px зафигачте, ряд будет ограничен лишь разрешением viewport конкретного устройства
А что касается bootstrap компонентов - разве вашей душе спокойно за куски заимствованного кода? Даже если это писалось довольно осмысленной группой сторонних разрабов - все равнок лючевое во всем этом - сторонние) Кайфа - то вы ее получаете. И потом, слайдер и нк только у них довольно мелкосортный и не только он, при первой же необходимости отклонения от прописанной css декларации к конкретному компаненту/элементу - вы испытываете ограничение диктуемые этой же самой декларацией. Хотите компаненты - сделайте свою библиотеку чего угодно: кнопки / кастомизированные radio, range, checkbox, select и так далее от мелких до более менее крупных самостоятельных единиц

Comments

[Сергей delphinpro]

вы всегда ограничены двенадцатью колонками col в ряду row,

Неверное утверждение.
Во-первых, бутстрап можно собрать с любыми параметрами.
Во-вторых, используя миксины, я могу пилить какие угодно колонки:

@include make-col-ready(10px); // гуттер 10 пикс
@include make-col(1, 5); // одна пятая (одна колонка из пяти в ряд)

[ReActor Дмитрий Вершанский]

Сергей delphinpro, Речь идет об исходном состоянии той или иной технологии без допов, а так пилите, я не имею против ничего, сам верстал bootstrap не один десяток проектов. Но все же Grid взял верх!)

[Сергей delphinpro]

Дмитрий, это и есть исходное состояние.

npm i bootstrap
@import node_modules/bootstrap.scss
и погнали..

Где здесь допы?

[ReActor Дмитрий Вершанский]

Сергей delphinpro, необходимость в инсталляции node.js, пакет npm, директивы и только тогда погнали...
Grid:

.grid {
display: grid;
grid-template-columns: repeat(100, minmax(320px, 1fr));
}

кратчайший путь для достижения сеточно-рядной структуры шаблона + с отзывчивым поведением сразу, чуете разницу? И никаких классов в html ( .container-fluid, .row, col-sm-n, col-xl-n2 ) и тому подобных...
Чувствуется разница не так ли?

[ReActor Дмитрий Вершанский]

Сергей delphinpro, или вы ярый НЕсторонник свежих технологий?

[Сергей delphinpro]

Дмитрий,

необходимость в инсталляции node.js, пакет npm, директивы

Это необходимость в современном фронтэнде. Так что я считаю, что всё это у девелопера уже есть.

или вы ярый НЕсторонник свежих технологий?

Я не ограничиваю себя свежими технологиями =)

[Сергей delphinpro]

И потом, слайдер и нк только у них довольно мелкосортный и не только он, при первой же необходимости отклонения от прописанной css декларации к конкретному компаненту/элементу - вы испытываете ограничение диктуемые этой же самой декларацией.

Вот здесь вы правы. Я лишь указал на неточность одного утверждения. Спор ни о чем.

Хотите компаненты - сделайте свою библиотеку чего угодно: кнопки / кастомизированные radio, range, checkbox, select и так далее от мелких до более менее крупных самостоятельных единиц

И получится у вас свой "бутстрап".

[ReActor Дмитрий Вершанский]

Сергей delphinpro, Свое и сердцу ближе, как говорится)

[Illia T]

Спасибо за дискуссию, ребята, познавательно.

[ReActor Дмитрий Вершанский]

illiatovpeko, рады стараться!)