Bootstrap верстка современного сайта за 45 минут!

6569 ratings | 288514 views


Bootstrap верстка современного сайта за 45 минут!

Урок на сайте itProger: Как создать сайт на Bootstrap 4? В этом видео мы с вами создадим полноценный адаптивный сайт на Bootstrap всего за 45 минут. Верстка сайта дело несложное, поэтому вы научитесь делать отличные сайты всего за 45 минут! ✔ Основной сайт: ✔ ------------- Группа Вк - Группа FaceBook - Instagram: Я в Google+ - Страничка Twitter - Страничка Вк - ✔ Начните зарабатывать на YouTube - ✔ Видео по заработку на YouTube - Помощь в развитии канала. * Яндекс Деньги: 410014343706921 * Кошельки WebMoney: - Доллар: Z331064341236 - Гривна: U386388718252 - Рубль: R214610220703

Comments to the video: Bootstrap верстка современного сайта за 45 минут!

Aleksejs Džigaross 4 months ago
В 2018 году уже не животрепещуще. Не работает будто нужно.
Жерар Де Пардье 4 months ago
ЭТО не задание, это именуется Глядите, сучки, будто я умею!
Алина сергеева 4 months ago
всем привет. подскажите изволь- не работает : headerwrap background: url(./img/1.jpg) no-repeat center top; margin-top: -10px; padding-top: 20px; text-align: center; background-attachment: relative; background-position: center center; min-height: 500px; width: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; где я ошиблась не понимаю
Dmytro Doloban 5 months ago
ясно, ничего не работает, в пустую пора потраченное, благодарю
Егор Перри 5 months ago
Класс
q64 qw6 5 months ago
Привет! Непонятно одно, это то, где тут flexbox ? Это отдельная техника построения веб-сайтов либо она встроена во Bootstrap ?
Дарья Температурит 5 months ago
Упс. упс. упс. Упс. епамать. Собери мысли и деяния в кулак, прожуй, и преподнеси нормально, мама ее.
Ares 6 months ago
Сижу я означает пишу и пишу и что то не сходиться мне даже кажеться что я дурачина. Но оказалось что Автор видоса. Все писал на bootstap 3 c кодом 2013 года. По этому моии файлы которые я скачал с веб-сайта бутстрап не работают, этак будто команды все поменялись на данный момент 2018 год. Так что сходу предупреждаю всех кто будет обучаться по этому видосу. Или ставьте 3 бутстрап либо отыскиваете видосы по 4.1.
вася васев 6 months ago
<!DOCTYPE html> <html lang= en > <head> <meta charset= UTF-8 > <meta name= viewport content= width=device-width, initial-scale=1.0 > <title>Bootstrap веб-сайт</title> <link rel= stylesheet href= css/bootstrap.min.css > <link rel= stylesheet href= css/font-awesome.min.css > <link rel= stylesheet href= css/main.css > </head> <body> <div class= navbar navbar-inverse navbar-fixed-top > <div class= container > <div class= navbar-header > <button type= button class= navber-toggle data-toggle= collapse data-target=.navbar-collapse > <span class= icon-bar ></span> <span class= icon-bar ></span> <span class= icon-bar ></span> </button> <a class= navbar-brand href= >PR<i class= fa fa-circle ></i>GER</a> </div> <div class= navbar-collapse collapse > <ul class= nav navbar-nav navbar-right > <li class= active ><a href= >Домой</a></li> <li><a href= >Про нас</a></li> <li><a href= >Сервисы</a></li> <li><a href= >Работы</a></li> <li><a href= ><i class= fa fa-envelope-o aria-hidden= true ></i></a></li> </ul> </div> </div> </div> </body> </html>
вася васев 6 months ago
Не работает!
вася васев 6 months ago
15:11
Meline Grigoryan 6 months ago
кушать ли разность когда мы не скачиваем Bootstrap, а используем CDN?
AnDRey PenneR 6 months ago
А будто поменять краска шапки?
Илья Кардаш 6 months ago
10:00 10:15 навбар хИдер. Английский уровен господь
Wils 7 months ago
Может кто-то знает. Почему у меня заместо обычных значков Font Awesome показываются мелкие квадратики?
Wils 6 months ago
Понял, огромное благодарю за рекомендация)
IIMr DarkWolfII 6 months ago
я не думаю что значительно с нашим сегодняшним вебом, тем более многие употребляют даный подход чтобы не засорять дирректорию веб-сайта.
Wils 6 months ago
IIMr DarkWolfII Та конечно можно и ссылкой, лишь проблема, на сколько упадёт быстродействие веб-сайта? Да и же вышло, однако подключение заместо far fa-. Работает лишь fa fa. И не знаю отчего, вроде бы закачивал последнию версию иконок, однако работает лишь этак.
IIMr DarkWolfII 7 months ago
<link rel= stylesheet href= integrity= sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp crossorigin= anonymous > юзай ссылку, однако у их поменялось воззвание к обьектам, поэтому отыскивай на их веб-сайте и смотри будто подключать
Игорь Соловей 7 months ago
Смысла от этого урока практически дудки. Главное вложиться в 45 минут, и сделать звучное заглавие для видео.
Denis Pyvovarchuk 7 months ago
37 минутка лучше поставить class= img-fluid по последней мере у меня responsiv не работал
Andryha Stepchik 7 months ago
Если вам нужен веб-сайт, ссылка для вас, творение стремительно, отменно, отлично
Кирилл Варакута 7 months ago
Не вышло(
Кирилл Варакута 7 months ago
Бляяя, что за хрень))) Упс упс упс, вот этак.. и будто вот этак?? Делаем далее)
All Exclusive / BS from China 7 months ago
Это вам ничего не припоминает? (прибрать кавычки) “blacktie.co/spot-freelance-agency-theme/”
All Exclusive / BS from China 7 months ago
вадим чельник находил, штамп для верстки (потренироваться). Чисто случаем натолкнулся.
вадим чельник 7 months ago
будто откопал?
Сергей Алексеев 7 months ago
Это какая гипотиза bootstrap? 4 либо 3
dankkaaa 7 months ago
45:54 разарботка веб-сайтов
Алексей Александрович 7 months ago
js - джи эс? Разве бука j читается будто джи? Как же тогда произносится g?
Алексей Александрович 7 months ago
ди джей эл джи dj lg
IIMr DarkWolfII 7 months ago
верно декламировать дже эс. а джи (g) - кушать джи
Евгений Андрейчук 7 months ago
могу посоветывать гуд хостинг
Excelente 7 months ago
Я бы 45 минут тупил, какой шрифт избрать
Дзуньо Помикевич 8 months ago
Спрашивается, к чему тогда объявление Как сделать веб-сайт на Bootstrap 4? , если описан Bootstrap 3? Стараемся втулить народу просроченный продукт?
Алексей фвы 8 months ago
Ребята, по поводу картинок и т.д. Толку вам от видео, если вы глупо слизываете ВСЁ? Окей, вы повторите с его картинами его же веб-сайт, и толку? Какой резон вам карабкаться в интернет-разработку, если для вас неувязка картина ? Вы не задумывались о том, что интернет-разработка включает в себя слово разработка , что предполагает творение чего-то? Не слизывания, а творение. Скачайте свои рисунки, обработайте их в ps, возьмите с гугла свои шрифты, собственный текст, свои цвета, свои размеры и всё. Необходимые ссылки создатель видео предоставил для того, чтоб что-то самому сделать. Автор отдал определенный костяк для того, чтоб вы уже сами могли что-то мастерить и в этом он молодчина. Если вам непонятна какая-или здесь информация, то заместо того, чтоб растрачивать пора на комменты какой создатель нехороший - лучше бы поглядели другие видео, или почитали бы литературу касательно вашим непониманиям.
IIMr DarkWolfII 7 months ago
вообщем-то чтоб что-то осознать нужно переписать готовое с полным разбором, это говорю будто С++ разработчик, какой в тыщи один труднее ваших html и css. Если он поставит не ту картину и всё у него поплывет нахрен, это нихрена не учеба. Сначала необходимо повторить в точности, а позже уже можно использовать свои модификации, пробовать другие рисунки, расширять меню. вот это уже обучение.
Алексей фвы 8 months ago
Спасибо за пригодное видео. Судя по хейтам неких в коментах, необходимо было для тебя потом ролика дать ссылку на htmlbook и видео, реально, не по поводу bootstrap, а практика с внедрением bootstrap. По поводу платной подписки - забей на комменты, ибо ты тратишь пора, энергию и даешь познания за. безвозмездно? Лол. Я думаю, хоть какой человек обмыслил бы систему доната за схожее обучение (лично я большая часть знал с видео, однако этак же и важно - я на многие вопросы здесь получил ответы).
Олег Меркель 8 months ago
Какой шрифт на заставке?
Red Flare 8 months ago
Вася, ты вообщем знаком с программированием? Ору
IIMr DarkWolfII 7 months ago
где ты здесь увидел программирование?
Poky Brain 8 months ago
пройдет ли ваш веб-сайт на Bootstrap валидатор w3c?
Данила Атцовский 8 months ago
очень немало ошибок даже злосчастное offset не может верно написать с первого раза
Alexey Moroz 8 months ago
Это быстрее рекламное видео, чем обучающее. Продажа простого шаблона. Где хоть какие-то азы синтаксиса Bootstrap? hr, br. рукалицо
Булочка с вишней 8 months ago
Бутсстрап это подмена ЦСС, я не сообразил?
Анатолий Васильев 6 months ago
Нет, бутстрап это готовый кусочек css, какой вы вставляете для себя в проект чтоб самому его не строчить.
Чип 7 months ago
Булочка с вишней это что то вроде аддона для css
VS Новый день 9 months ago
бутстрап это попросту шаблоны css и js
Иван Попов 9 months ago
Увидел в верхнем правом углу америгандонский флаг и закрыл курс.
Sergey Maratkanov 9 months ago
Все классно, однако вот британский очевидно необходимо подвести. ))
Aleks Grisha 9 months ago
Каким зрительным редакторы для Bootstrap Вы пользуетесь и сможете поделиться бесплатным неплохим редакторм
Alexandr Necke 9 months ago
45 минут ебли вписанине кода. Тогда будто в реалиях современности кушать груда других способностей сделать веб-сайт и подчеркну ДАЖЕ лавка за 30 минут. 30 минут Карл! И потом сходу можно получить уже готовый веб лавка с началом торговли.
Валерий Чубарь 9 months ago
меню отчего то отображается лишь в свернутом виде, на любом разрешении. Где то ошибся не могу осознать. Даже использовал код html с веб-сайта та же фигня. Уроки вообщем весьма отличные.
Hackun 9 months ago
Как сделать новейшую ссылку (про нас) это необходимо ещё одинешенек файл html основывать?
Dima Kuzin 9 months ago
вот тут он берет материал и реализует вам! гоните его. вы же не лохи.
Олег Смирнов 5 months ago
Dima Kuzin мне будто, это уже на мошенство тянет
Валерий Чубарь 9 months ago
уместно я скачал html и css этого веб-сайта вправду снимок того что в уроке, однако может у создателя ролика первее появился, хотя не сущность.
Tai Raise 9 months ago
Сделал интернет-прибавление по редактированию регистров с внедрением бутстрапа. Будет любопытно получить комментарий от Гоши и от вас. Что думаете?
вадим чельник 7 months ago
потрясающий веб-сайт)
Mr.Angry 9 months ago
Прости , однако ранее смотрел фанател нравился твой контент,однако уже не 1-ый один вижу будто ты попросту пиздишь даровой контент и продаешь его на собственном ебанном веб-сайте, самое грустно что те малыши которые тебя глядят этого не понимают и донатят на твой ебанный веб-сайт.У меня все.
MC.C. 9 months ago
Bootsrap+Fontawesome не робят!!!
Leonid Zotov 9 months ago
Подскадите пожалуйта. Как сделать изображение на заднем фоне темнее(без фотошопа), чтоб текст не сливался с ним
Кямран Аскеров 9 months ago
Супер!!!
Lethal Inspiration 9 months ago
само ахуенное видео которое я когда или лицезрел!!!
Коля Турчин 9 months ago
Гоша, поглядел этот задание, весьма приглянулся! Продолжай в том же духе! Нюанс, почаще делай Live Preview, чтоб был виден итог в браузере, этак будто для новичков сложнее воспринимается, а этак все даже весьма хорошо!
Anastasia A 10 months ago
Знающие, подскажите, в 2018 Bootstrap еще популярен и животрепещущ? А этак, обычный задание для новичков, которые не страшатся карабкаться в документацию и гуглить нужные подробности. Я сейчас имею базисное понятие, для чего нужен Bootstrap и будто с ним трудиться, этак что это точно не никчемно проведенное пора.
Наталья Коломиец 10 months ago
Айсон прям убил. Что ж вы с безграничностью не боретесь..
Iurii Vladimirovich 10 months ago
здесь можно скачать оригинал.
Chane Guide 10 months ago
У меня папки fonts дудки!
Виталий Кубрак 10 months ago
Привет, создаю веб-сайты разных типов. Сейчас нарабатываю портфолио, поэтому цены малые. Подробнее на моем веб-сайте .
NISTAR STUDIO 10 months ago
отдуши
Anatol Anatolio 10 months ago
а где Bootstrap? Если он сам полный код пропечатал
Grace Season 10 months ago
Уменьшила скорость проигрывания, что бы можно было параллельно с создателем делать. Такое чувство что он опьяненный в дрова :DD попросту такая ссылка, конечно ни ссылка
Andrey Arhipov 10 months ago
Что за редактор ? В каком редакторше код пишешь
Number One 8 months ago
Atom
Qwerty - 10 months ago
безвозмездно скачал темплейт и реализует за средства )))
Фанис Галимянов 10 months ago
Замечательный видео задание!!!! Автору огромное благодарю! Для того чтоб работало такое же авто наполнение будто и у создателя нужно ввести к редактору Atom добавочный плагин Emmet. Как это сделать можно подсмотреть в видео уроке: , документация к плагину Emmet:
Nabi Nabiev 10 months ago
Очень полезное видео
Владислав Ефремов 10 months ago
нифига это не задание. Видео надлежит называтся будто я сверстал страничку за 45 минут. употребляются классы и составляющие. не говорится отчего выбрано то либо другое. какие отличия меж. какие кушать способности еще. что б сверстать таковой веб-сайт по копирку - скачал страничку поменял текст на собственный. а мастерить будто обезьянка за создателем - не понимая сущности того что делаешь имхо не обучение
Ares 6 months ago
не верно видео надлежит именоваться будто я повторил старенькый искривленный посторонний код 2013 года на собственном видео.
Фонни :3 11 months ago
Как ты в этом этак отлично разбираешься, и знаешь значения каждой строчки? Я понимаю лишь малость, начал учить лишь вчера. Как учить html/css посоветуешь?
Daily Russian Conversation 11 months ago
Просто офигенно! Большой респект!
WBMSTRS 11 months ago
упс, упс, упс )))
Коля Костевич 11 months ago
Спасибо за проделанную работу!
Боря Караваев 11 months ago
Не сообразил, для чего необходимы эти <br> в промышленных количествах, если одинешенек дьявол позже в css пишется padding?.
просто так 11 months ago
Гоша будто добавить базу данных в bootstrap
Akmaral Akmatbekova 11 months ago
будто разместить картину-лого по центру, а под ним меню
dubman 11 months ago
смотрел - писал , смотрел - писал , смотрел - писал ,у нево клевая шапка у меня фигня какая то !! будто этак может быть?
Dmytro Illarionov 11 months ago
У меня проблема: все эти классы они стандартизированы либо именовать можно будто хочешь?
Number One 8 months ago
по дефолту
no_name 11 months ago
Если на данный момент кто то делает веб-сайт по этому видео , то знайте что для корректной работы этого кода нужен bootstrap версии 3.3.7
TORCHWOOD - 1 11 months ago
Вопрос: что это за редактор? Заранее благодарю за ответ.
Qazaq jigiti 11 months ago
гавнюк скачать файл. просит платную подписку оформить. пошел в жопу ган.он
amanturov islam 11 months ago
а будто добавить сделанную веб-сайт в google поисковики
Jassy James 11 months ago
Лови лейкоцит, глас и дикция попросту точные. Не тормозишь не зависаешь. Вот этак нужно комментить видосы.
Marat Movlamov 11 months ago
для чего локальные файлы бутстрапа если можно использовать cdn и не мусорить ?
Svetlana Colesnicenco 11 months ago
все супер, я вот лишь не сообразила для чего подключалась jQuery)
Adam Slavo 11 months ago
Автор сам по ходу не осознает что делает.
дима тарасов 11 months ago
в каких случаях устранять bootstrap.js невозможно? попросту будто не посмотрю обучение по bootstrap этот файл постояно убирают и оставляют лишь bootstrap-mini.js потомучто он занимает меньще места.
bogomol 77 11 months ago
А будто это работает на 12:37, ведь тег i это курсив?
Dima 1 year ago
А к idшникам же этак невозможно обращаться. Почему этак? Почему не чрез class? Такие воззвания это нехорошо для прогеров, которые позже будут посиживать и ругатся на то что неясно что за что отвечает. IDшники это для прогеров/seo.
DanilAzizoff 1 year ago
пробовал сделать на Bootstrap 4 нифига не вышла менюшка)
Elisey Kravchuk 8 months ago
Sticker и вовек не получится
Andrew Endy 9 months ago
Отсюда взято. Тут можна поглядеть и скачать код.
XyJIu_Gun - 11 months ago
Sticker тож самое
Crazy Bulls 1 year ago
Как добавить на этот веб-сайт другие странички?
JS GR 1 year ago
благодарю создателю за задание, однако помогите с вопросом: отчего у него перечень ul (про нас, сервисы и тд) горизонтально, а у меня лишь отвесно выходит?
IIMr DarkWolfII 7 months ago
уменьши окно
Crazy Bulls 1 year ago
Помогите плиз!!!У меня не подключаются темы и цвета к HTML
Crazy Bulls 1 year ago
Скиньте изволь код css
MrAlexAndGames 1 year ago
Хрень, а не задание. Вроде этак отлично разъясняет, однако 70% кода необходимо поправлять ибо не работает.
MrAlexAndGames 1 year ago
Кнопка меню не нажимается.
Lucky 1 year ago
jqery не работает. что не этак?
Евгений Бутков 1 year ago
Лучший задание посреди всех что я встречал
Beibit Karibaev 1 year ago
Красавчииииик, ты Гоша!
Islam Abdugafarov 1 year ago
что мастерить люд?
Islam Abdugafarov 1 year ago
не отображается текст когда пишу класс navbar-collapse collapse
MD MODING LTD 1 year ago
Добрый денек! Кто может памоч сделать таковой каркас будто на рисунки
Павел Крючков 1 year ago
Извините, государь, однако это не задание. Это выебонство - типа вот поглядите будто я умею. 4к просмотров, и че? Обогатился? Если бы это был обычный детальный задание просмотров и подписчиков было бы больше, наверное на распорядок.
Try Exceptions 11 months ago
этот видос указывает способности резвой разработки. подробные уроки кушать отдельной серией
Michail ilnitskiy 1 year ago
а при этом здесь вообщем бут-страп? не считая адаптива основная верстака обычный HTML CSS не усвою что дают те файлы которые он подключал растолкуйте!
Сергей Белов 1 year ago
Как безобразно, с ошибками, конечно еще и за средства (
Sergiy Boiko 1 year ago
Поломать бы руки за такие заглавие классов!!!