Что нового в Bootstrap 4. Все изменения сетки

873 ratings | 24701 views


Что нового в Bootstrap 4. Все изменения сетки

В этом видео я расскажу вам что нового в Bootstrap 4. Покажу самые главные изменения сетки в Bootstrap 4 с применением технологии flexbox. Изменений достаточно много и bootstrap 4 шагнул в будущее с применением всех технологий. Сетка Bootstrap 4 получила больше всего нововведений. ======================================================== ПОДПИШИСЬ на канал Web Developer Blog - И не пропускай новые видео!!! ======================================================== ПЛЕЙ-ЛИСТЫ МОЕГО КАНАЛА: JavaScript практика - Основы JavaScript - Уроки Bootstrap 4 - Уроки Framework для верстки Foundation 6 - Рубрика Основы за 10 минут - Верстка сайта на Foundation 6 - Основы препроцессора SASS - Уроки по Sublime text 3 - Видео про заработок на YouTube - Создаем интернет магазин на PrestaShop - Уроки jQuery - ======================================================== ПОДПИШИСЬ на Группу Вконтакте Web Developer Blog - ========================================================

Comments to the video: Что нового в Bootstrap 4. Все изменения сетки

Guru Dk 5 months ago
Как поменять ширину контейнера для компа? Мне необходимо десктопную версию сверстать на ширине 1580px
Сергей Алексеев 5 months ago
Для чего нужен класс row
Web Developer Blog 5 months ago
Английский знаешь?
Web Design by Namig 8 months ago
All you need about Bootstrap 4 TABLE
Шлако Блогер 9 months ago
Мне будто я слышал ранее этого диктора на другом канале.
Шлако Блогер 9 months ago
Web Developer Blog к огорчению заглавий я не запоминал. Я поразмыслил может 2-ой канал был.
Bicou 9 months ago
Точно переливали) Еще и платным сделали
Web Developer Blog 9 months ago
Вряд ли) хотя может мои видео переваливали мошенники? Надо бы взглянуть
Crazy Kvitka 10 months ago
с бордерами было бы приятней глядеть
Евгений Алексеевич 10 months ago
Подскажите будто в бутстрап 4 прибрать блок на малеханьких экранах???
Николай Владимирович 11 months ago
не плохое видео
Artem Pavliienko 1 year ago
А для чего его использовать если все равно немало классов? этак будто он работает по flex-box, то не проще попросту верстать по flex-box? мне будто что с bootstrap больше головняка либо дудки?
Тёма Админ 1 year ago
Верстать станет намного проще
Виктор Трунов 1 year ago
Круто) перебегаем на новоиспеченный степень епты
Web Developer Blog 1 year ago
Давно уже пора
Александр Агысов 1 year ago
Спасибо. Но лучше мазать блоки.
Web Developer Blog 1 year ago
Может быть
Valerii Sergheiev 1 year ago
В Bootstrap 3 если колонок больше 12, то они тоже передвигались на новоиспеченный линия
Web Developer Blog 1 year ago
Да! Это этак!
WindBOJIK 1 year ago
благодарю
Мария Букалова 1 year ago
Спасибо большущее, сберегли для разработчиков малость времени))
Мария Букалова 1 year ago
Давно уже подписалась)
Web Developer Blog 1 year ago
Это же супер классно) Лайк подписка с вас=)
Anton Ferv 1 year ago
сетка на базе FlexBox.спорное решение. имхо. хотя если поколупаться, то мона отключить.
Павел Клюев 8 months ago
css grid лучше смотрится
Павел Бездорнов 1 year ago
Лучше чем флоаты))
Дмитрий Смирнов 1 year ago
Нужно больше рекламы!
Web Developer Blog 1 year ago
Так не любой же один показывается)
LLIO?!_OI79ITЬ?! 1 year ago
СПАСИБО ЛАЙК ПОДПИСКА!!!!
Web Developer Blog 1 year ago
А новое видео со всеми переменами бутстрапа 4 не считая сетки поглядели?
TheBorninmotion 1 year ago
Отличное объяснение благодарю ! Было бы круто узреть верстку одностраничника с внедрением бс4 в твоем выполнении.
TheBorninmotion 1 year ago
Добрый вечер , написал на почту однако ответа не получил
Web Developer Blog 1 year ago
suprunalexeey@gmail.com
TheBorninmotion 1 year ago
личное предложение
Web Developer Blog 1 year ago
Для каких целей?
TheBorninmotion 1 year ago
Напиши твою почту изволь
Web Hero 1 year ago
Подскажи, вот ты на 8:12 прописываешь в колонке justify-content, однако я делаю аналогичную запись, у меня не работает, лишь только старенькый вариант с text-center и прочее. В чем может быть вина?
Евгений Гринец 1 year ago
Причина может быть в том, что вы используете 3-ую версию бутстрап. М?
Web Hero 1 year ago
google chrome Версия 59.0.3071.115
Web Developer Blog 1 year ago
Какой браузер?
Max padalka 1 year ago
Единственное обычное видео о bootstrap 4, создателю респект! Какой резон обучать bootstrap3, если его вывели из поддержки. Не проще сходу приступить с 4 и не растрачивать пора на старую версию? (Эт проблема создателю видео. Он написал, что лучше новеньким обучать 3, а позже равномерно перебегать на 4 )
Мирослав Царев 1 year ago
Автор, не путай людей, 3-я гипотиза будет поддерживаться и далее) Нужно увидеть, что с выходом третьей версии была прекращена помощь бутстрапа версии 2, о чем разработчики жалеют до сих пор. Бутстрап будет дорабатываться и далее. Критические баги и ошибки будут лататься, однако не этак интенсивно, будто ранее. Само собой, документация для третьей версии остается доступной вровень с четвертой. Четверка перебежала на flexbox и em/rem, а это означает что дудки поддержки IE 8-10. Понимаю, кто-то произнесет конечно нафиг тот IE 8 и 10! согласен, однако бывают проекты где помощь старенькых браузеров требуется.
Omak 1 year ago
Проэкты на четверки вы все равно покамест мастерить не будете. Почему же? Он в финишной альфе-версии. Следующая уже будет бета 1, всё устоялось. Считаю, что уже можно приступить использовать в коммерческой разработке для лендосов, визиток и пр.
Web Developer Blog 1 year ago
Спасибо за проблема. Что бы осознать принцип. Проэкты на четверки вы все равно покамест мастерить не будете. А из поддержки вывели в том плане что обновлений больше не будет. Если вы выучите третью версию, на переход к четверке у вас уйдет малое кол-во времени)
Victor Morozov 1 year ago
Есть какие-то положительные конфигурации bootstrap 4 в сторону SEO?
Web Developer Blog 1 year ago
Та вроде будто не особо
IFEXE 1 year ago
а свойство display стоит flex либо inline-flex?
Web Developer Blog 1 year ago
А вы на практике попытайтесь и поглядите работает ли оно с flex либо дудки) Все демонстрировал на примере с flex
IFEXE 1 year ago
будто я помню лишь у inline-flex кушать свойство align-self
Paco Official 1 year ago
блин не знал про авто кол, а этак 4 бутстрап тащит, флоаты бесят, ровно ниче даже толком не выровнять по человечески
Web Developer Blog 1 year ago
Зато сейчас знаешь
Евген Пупкин 1 year ago
глупо адаптировали под флексы ))) особо не утомились разработчики ))
Web Developer Blog 1 year ago
Та не, в целом произвели довольно немало подходящих конфигураций
Ivan Anufriev 1 year ago
во, может кому-то понравится, сам с бутстрапа на эту сетку перебежал - (если понимаете Gulp , препроцессоры и чуток-чуток NodeJS - вам подойдет )
Данііл Присяжний 1 year ago
а что скажете на счет susy? в частности о третьей версии
Web Developer Blog 1 year ago
Отличная предмет
Оля 1 year ago
Только разобралась с Bootstrap3, а здесь уже 4 вышла
Web Hero 1 year ago
Ну бутстрап 3 уже будто тысячу лет существует) А 4 гипотиза тоже давненько вышла, попросту покамест в бэте висит
Web Developer Blog 1 year ago
Если сообразили принцип, то без особенного труда перейдете на четверку
Андрей Кот 1 year ago
Я этак понимаю Bootstrap v4.0.0-alpha.6, т.е. это не финишная гипотиза и означает в ней кушать косяки , Вы не понимаете когда планируется финишная сборка? Просто эта alpha гипотиза уже больше года весит, и не чего больше не делается.
Евгений Гринец 1 year ago
Я скажу, что сыровато в основном связано с реализацией браузерами подходящих параметров. Сам же бутстрап на этот момент в бете и уже можно интенсивно пробовать и если косяки будут отписывать. Мною покамест не увидено косяков.
Web Developer Blog 1 year ago
Ну особо никаких косяков не было увидено, документация уже стопроцентно описана. Попробовать четверку точно стоит, однако выносить проекты покамест рановато
Андрей Кот 1 year ago
Ну а насчёт, влажный версии, что скажешь?
Web Developer Blog 1 year ago
Да, не финишная. Ну как я знаю это осень 2017, однако я могу быть не прав
Вилы Выкидные 1 year ago
вдохновил меня с 3 на 4 перебегать понемногу, благодарю, в особенности за ту доля, где вертикальное выравнивание
Web Developer Blog 1 year ago
Попробовать стоит, однако всеполноценно перебегать покамест спозаранку, дождитесь полного релиза
Quinta Sentia 1 year ago
может мне кто разъяснить, для чего нужна бутстрап сетка, если можно и этак флексбоксами верстать, а когда была 3, то тогда попросту классы с ширинами в процентах экспонировать, м?
Игорь Самко 1 year ago
если пользуешься препроцесорами, можешь все записать в миксины и позже попросту возбуждать их
Quinta Sentia 1 year ago
а кушать какие или аналоги?
Web Developer Blog 1 year ago
Время разработки сокращается в два а то и больше один)
Артур Иванов 1 year ago
Громаднейшее благодарю за видео! Не подскажете, чрез какое пора уже может быть будет воспользоваться bootstrap 4 во всю?
Артур Иванов 1 year ago
Web Developer Blog , благодарю
Web Developer Blog 1 year ago
Насколько я знаю, целый релиз осенью 2017 года, однако это не точно
Юрий Гапончук 1 year ago
Спасибо за видео. А для чего вообщем нужен bootstrap если кушать flex-box? Так и код чище будет
Web Developer Blog 1 year ago
Разработка занимает намного меньше времени
Роман Мандагаев 1 year ago
Все классно будто как будто бы, кушать не огромное НО, Что необходимо мастерить с НУДНОСТЬ в голосе. После первой минутки уже тегомотину внимать не охото.
Web Developer Blog 1 year ago
Спасибо за Ваш комментарий! Буду над этим трудиться!
Paco Official 1 year ago
о бутстрап збс, сам 4 юзаю
Web Developer Blog 1 year ago
Классно
Иван Путивленко 1 year ago
а если не желаю чтобы у всех колонок вышина была однообразная , кушать класс ?
Иван Путивленко 1 year ago
c masonry к примеру юзать ) типо такового )
Web Developer Blog 1 year ago
Для каких целей?
a1exxero 1 year ago
Не все обещанные рисунки кушать в видео. Но благодарю!
a1exxero 1 year ago
10:13
Web Developer Blog 1 year ago
Спасибо! Какие упустил?
Vlad Kotlov 1 year ago
Спасибо за обозрение. Вопрос остается только таковой: кушать ли резон уже на данный момент трудиться с проектами на альфа версии 4-ого бутстрапа либо же продолжать трудиться на размеренной третьей до выхода настоящей четверки?
Web Developer Blog 1 year ago
Спасибо за проблема. Лично я за то что б дождаться настоящий релиз четвертой версии и размеренно на ней трудиться.
Олег Василенко 1 year ago
Вся эта удовлетворенность омрачается том, что сие волшебство до сих пор не вышла из альфы.
Олег Василенко 1 year ago
благодарю
Web Developer Blog 1 year ago
Ну не знаю, она очень размеренна и заморочек покамест ни у кого не появлялось. Вроде будто осенью 2017 будет релиз размеренной четверки, однако это не точно)
Арсений Березин 1 year ago
Ура! Первый обозрение в конце концов-то о 4 версии бутстрапа. Спасибо за старания!
Web Developer Blog 1 year ago
Будет точно практика верстки
Арсений Березин 1 year ago
это оч круто))
Web Developer Blog 1 year ago
Первый, однако не заключительный! Спасибо !
Александр Шаповал 1 year ago
Спасибо, однако побольше бы практики для наглядности что конечно будто
Web Developer Blog 1 year ago
Вроде будто осенью 2017 года, однако не могу на все 100% ратифицировать
Alibek M 1 year ago
Web Developer Blog Скоро будет целый релиз?
Web Developer Blog 1 year ago
Дождемся полного релиза Bootstrap 4 и тогда будет практика
Andry Zirka 1 year ago
Спасибо за видио, однако на будущее лучше в примерах либо блокам border задавай либо background-color, этак болие доходчиво будет
Виктор Трунов 1 year ago
Человек дело гласит
FactoREAL 1 year ago
может быть учту. специалист бля )) человек дело гласит. будто ты узреешь занятое место либо выравнивания по белоснежному блоку на белоснежном фоне, гений ?
Web Developer Blog 1 year ago
Спасибо за комментарий, может быть учту
Egor Boiko 1 year ago
Спасибо.
Web Developer Blog 1 year ago
Спасибо что смотрите!
Алексей Никитенко 1 year ago
Спасибо за контент!
Web Developer Blog 1 year ago
Отлично, подписывайтесь!
Олег Демиденко 1 year ago
Спасибо! Я бы ещё поглядел.
Web Developer Blog 1 year ago
Про flexbox уместно сделаю отдельную серию уроков
Олег Демиденко 1 year ago
Пожалуй вы правы! Самое увлекательное flex и вертикальное выравнивание.
Web Developer Blog 1 year ago
Да способности остались будто бы все те же, поменялась лишь их реализация
Олег Демиденко 1 year ago
По всем новым способностям Bootstrap 4.
Web Developer Blog 1 year ago
Какие темы еще увлекательны?
Александр 123 1 year ago
Спасибо!
Web Developer Blog 1 year ago
Не забудьте подписаться!
Oleksandr Kudryavtsev 1 year ago
Спасибо за труды!!! Канал на 10 Джобсов из 10!
Web Developer Blog 1 year ago
Спасибо что смотрите! Я старался!