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

672 ratings | 15720 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. Все изменения сетки

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