Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.86/7: Рейтинг темы: голосов - 7, средняя оценка - 4.86
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093

Зачем люди изучают и используют Bootstrap?

21.11.2017, 01:47. Показов 1663. Ответов 10
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Не знаю куда написать, на форуме раздел для флейма не нашел, для данного раздела хоть косвенно, но подходит.
Извиняюсь если что-то нарушил.

Собственно сабж. Для чего?

Я понимаю склепать админку для сайта где не надо никаких наворотов, все как в армии параллельно и перпендикулярно. Подключать полную сборку и потом не использовать бОльшую часть кода как-то не слишком умно.

Делать кастомную сборку для того чтобы уменьшить размер и потом все-равно переопределять стили для элементов, бороться с дефолтными значениями отступов, спрашивать советов на различных форумах... А если еще такой человек плохо знает нативный css? Вот как на одном форуме человек пишет что дали ему макет шириной 1920px, а он всегда работал с размером контейнера 1287px и теперь даже не знает как быть и куда прописывать эти самые 1920px...

Да со всеми этими настройками и борьбой со стилями бутстрапа я вручную напишу css код быстрее, красивее и компактнее и в html у меня не будет километров классов для того чтобы поставить элементы по сетке.

Вот только не надо говорить что при смене разработчика поддерживать и дописывать код написанный с помощью бутсрапа гораздо проще. Если человек пишет говнокод ему никакой фреймворк не поможет, а если код нормальный то и не надо никакой шаблонизации чтоб его понять.

Вы скажете что при работе в команде над серьезным проектом типизация и шаблонизация это хорошо? Что во многих конторах требуют знания бутстрапа?

Покажите мне хотя бы один серьезный проект написанный с помощью бутстрапа. Тогда, если это действительно серьезный проект, а не какой-нибудь интернет магазин с оборотом 3 рубля в месяц, я изменю свое мнение относительно него, да и другие люди которые прочтут эту тему будут знать что бутстрап это хорошо.

В общем вот такой вот получился крик души...
1
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
21.11.2017, 01:47
Ответы с готовыми решениями:

Зачем это используют
Хотел бы узнать зачем используют вот такую работу с памятью в SQL запросах Connection* iconn = SQLPool.GetConnection(); ...

Зачем используют конструкцию !()
например var isFirefox = ! ! ( navigator . vendor && navigator . vendorSub ) ; зачем !! - отрицание отрицания... мы таким образом...

зачем используют 2 read!!!
вот часть кода! begin read(f,i); read(f,i); readtable(t,e1,i); read(f,i); y:=getz(f,t); e1.inf:=e1.inf-y; ...

10
 Аватар для cmath
2525 / 1751 / 152
Регистрация: 11.08.2012
Сообщений: 3,349
21.11.2017, 02:44
Цитата Сообщение от AlexZaw Посмотреть сообщение
действительно серьезный проект
Что понимать под этим? Критерий? А то как-то разговор безпредметный. Доска объявлений подойдет?

Не по теме:

Цитата Сообщение от AlexZaw Посмотреть сообщение
на форуме раздел для флейма
А как же священные войны?


Цитата Сообщение от AlexZaw Посмотреть сообщение
Для чего?
Для скорости. В моей компании не использовали весь bootstrap (bs3/bs4) целиком, взяли сетку, типографию и пару плагинов, очень просто получилось. Конфигурируется это дело просто. Плюс в bs4 можно еще настроить кол-во breakpoint'ов, что не может не радовать. Каждый раз наново прописывать все это (и утилиты в bs4 вроде классов для отступов) очень напряжно, на это много времени уходит, а потом этим еще нужно управлять.
Цитата Сообщение от AlexZaw Посмотреть сообщение
красивее
Это крайне субъективная вещь.
Цитата Сообщение от AlexZaw Посмотреть сообщение
дописывать код написанный с помощью бутсрапа гораздо проще.
Это зависит напрямую от профессиональных качеств верстальщика/frontend разраба, который делает верстку или пишет скрипты.
Цитата Сообщение от AlexZaw Посмотреть сообщение
типизация и шаблонизация это хорошо
Да, весьма не плохо, ускоряет взаимодействие между участниками команды. Я работаю в команде из 3-х человек, раньше было 5, но двое ушедших писали абы как и никаких шаблонов и стандартов не придерживались, их код черезвычайно трудно читать и понимать что он делает, а поведение зачастую непредсказуемое.

Цитата Сообщение от AlexZaw Посмотреть сообщение
вручную напишу css код
Я использую препроцессоры, в частности sass, и мне bootstrap юзать (особенно bs4, хоть он и в бете на момент написания данного поста) весьма удобно, очень легко и просто кастомизировать. Да и времени уходит немного.
Цитата Сообщение от AlexZaw Посмотреть сообщение
потом все-равно переопределять стили для элементов
А сразу настроить все необходимое через конфиг не судьба?
Цитата Сообщение от AlexZaw Посмотреть сообщение
бороться с дефолтными значениями отступов
Вообще не проблема.
Цитата Сообщение от AlexZaw Посмотреть сообщение
километров классов для того чтобы поставить элементы по сетке.
Там этих классов не километры, всего ~50 шт по дефолту в bs3 (container, row, col-xx-yy (xx: xs,sm,md,lg, yy: 1-12)), легко запоминается и весит не много. Да и какая разница сколько их? Главное чтобы делали свое дело, притом максимально просто и предсказуемо.
1
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
21.11.2017, 11:21  [ТС]
Цитата Сообщение от cmath Посмотреть сообщение
Что понимать под этим? Критерий? А то как-то разговор безпредметный. Доска объявлений подойдет?
Смотря какая доска. Если что то типа авито то подойдет

Цитата Сообщение от cmath Посмотреть сообщение
А как же священные войны?
Ну это все-таки скорее вопрос а не развязывание войны Мне правда интересно.

Цитата Сообщение от cmath Посмотреть сообщение
Плюс в bs4 можно еще настроить кол-во breakpoint'ов, что не может не радовать. Каждый раз наново прописывать все это (и утилиты в bs4 вроде классов для отступов) очень напряжно, на это много времени уходит, а потом этим еще нужно управлять.
Bootstrap не единственный где можно прописывать свои брейкпоинты для сетки. Лично мне для сетки smartgrid гораздо удобнее.

Цитата Сообщение от cmath Посмотреть сообщение
Да, весьма не плохо, ускоряет взаимодействие между участниками команды. Я работаю в команде из 3-х человек, раньше было 5, но двое ушедших писали абы как и никаких шаблонов и стандартов не придерживались, их код черезвычайно трудно читать и понимать что он делает, а поведение зачастую непредсказуемое.
Тут спорить не о чем, но ведь тут дело не в бутстрапе, тут можно использовать любой метод организации кода, благо их не так уж и мало.

Цитата Сообщение от cmath Посмотреть сообщение
Я использую препроцессоры, в частности sass, и мне bootstrap юзать (особенно bs4, хоть он и в бете на момент написания данного поста) весьма удобно, очень легко и просто кастомизировать. Да и времени уходит немного.
Я использую less, не нравиться мне sass из-за того что вложенность управляется отступами. Возможно я просто не дорос до sass еще. Вот только не вижу связи между использованием препроцессоров и бутстрапом.

Цитата Сообщение от cmath Посмотреть сообщение
Сообщение от AlexZaw
потом все-равно переопределять стили для элементов
А сразу настроить все необходимое через конфиг не судьба?
Ммм, можно поподробнее? Т.е. перед скачиванием бутстрапа я должен сесть, проанализировать весь макет, где какие размеры и отступы? Или вы что то другое имеете ввиду?

Цитата Сообщение от cmath Посмотреть сообщение
Сообщение от AlexZaw
бороться с дефолтными значениями отступов
Вообще не проблема.
Хм, опять же интересно, тут я так понимаю нужно лезть в исходный css файл и там менять значения, иначе в нашем коде может быть много !important?

Цитата Сообщение от cmath Посмотреть сообщение
Там этих классов не километры, всего ~50 шт по дефолту в bs3 (container, row, col-xx-yy (xx: xs,sm,md,lg, yy: 1-12)), легко запоминается и весит не много. Да и какая разница сколько их? Главное чтобы делали свое дело, притом максимально просто и предсказуемо.
Я имел ввиду не само кол-во классов, а их использование в разметке, когда бывает встречаются километровые портянки с оффсетами для разных брейкпоинтов. Ну вот дизайнер захотел что бы были отступы по сетке, и понеслись оффсеты.
HTML5
1
<div class="col col-xs-10 col-xs-offset-1 col-sm-5 col-sm-offset-1 col-lg3 col-lg-offset-0>
Можно еще для md экрана и еще для парочки брейкпоинтов добавить поведение.
0
1786 / 1036 / 445
Регистрация: 12.05.2016
Сообщений: 2,550
21.11.2017, 11:49
Добавлено через 5 минут
Цитата Сообщение от AlexZaw Посмотреть сообщение
HTML5
1
<div class="col col-xs-10 col-xs-offset-1 col-sm-5 col-sm-offset-1 col-lg3 col-lg-offset-0>
А что мешает сделать так
HTML5
1
<div class="classname">
Code
1
2
.classname
    @extend .col .col-xs-10 .col-xs-offset-1 .col-sm-5 .col-sm-offset-1 .col-lg3 .col-lg-offset-0
0
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
21.11.2017, 12:21  [ТС]
Цитата Сообщение от shvyrevvg Посмотреть сообщение
.classname
@extend .col .col-xs-10 .col-xs-offset-1 .col-sm-5 .col-sm-offset-1 .col-lg3 .col-lg-offset-0
И что в итоге получиться?
.classname будет содержать все стили каждого класса, в том числе все ширины и отступы.
Что то мне подсказывает что работать это не будет
0
 Аватар для cmath
2525 / 1751 / 152
Регистрация: 11.08.2012
Сообщений: 3,349
21.11.2017, 13:33
Цитата Сообщение от AlexZaw Посмотреть сообщение
Bootstrap не единственный где можно прописывать свои брейкпоинты для сетки. Лично мне для сетки smartgrid гораздо удобнее.
Ну тогда тут уже дело вкуса. В команде, где я работаю, выбрали bootstrap, поскольку он был всем хорошо знаком, а новый инструмент долго изучать и сроки горели.
Цитата Сообщение от AlexZaw Посмотреть сообщение
Ммм, можно поподробнее? Т.е. перед скачиванием бутстрапа я должен сесть, проанализировать весь макет, где какие размеры и отступы? Или вы что то другое имеете ввиду?
bs3 имеет свой less файл с переменными, с помощью которого можно настроить многие вещи, вроде цветов, размера контейнера, отступов и много другого, есть даже http://getbootstrap.com/docs/3.3/customize/ для тех кому лень копаться в less или не знает что это такое и как собирать стили фреймворка.
Цитата Сообщение от AlexZaw Посмотреть сообщение
не нравиться мне sass
Я скорее не самим sass пользуюсь, а его диалектом scss, там все со вложенностью нормально.
Цитата Сообщение от AlexZaw Посмотреть сообщение
Ну вот дизайнер захотел что бы были отступы по сетке
Это как-то слишком эфемерно. Надо бы конкретный случай. Мне на практике (пусть и не очень большой, всего 2 года) такие вещи редко попадались и их можно было решить иначе или так и оставить, бо не страшно, если вся верстка, конечно не пестрит этим.
Цитата Сообщение от AlexZaw Посмотреть сообщение
проанализировать весь макет, где какие размеры и отступы
Вообще говоря не помешало бы.
Цитата Сообщение от AlexZaw Посмотреть сообщение
препроцессоров и бутстрапом.
bs3 иммет less исходники, bs4 - scss, можно поставить bootstrap через, например, npm и воткнуть его стили (причем не все, а те что нужно) через @import.
Цитата Сообщение от AlexZaw Посмотреть сообщение
в исходный css файл и там менять значения
См. выше про исходники, файл с переменными лежит в отдельном файле less/scss.
Цитата Сообщение от AlexZaw Посмотреть сообщение
Смотря какая доска. Если что то типа авито то подойдет
Я вынужден сделать небольшую поправку - в проекте используется весь bs3/bs4 целиком, когда вставал вопрос о разделении - решили пока так оставить, был вариант с кастомным набором, но пока в свет не вышел. Ссылку на доску в ЛС отправил.
0
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
21.11.2017, 14:09  [ТС]
Возможно, если поковыряться в настройках переменных и кастомных стилях, то в итоге окажется не все так плохо, но вот реализация сетки бутстрапа где нужно прописать поведение КАЖДОГО элемента, даже если элементы однотипные и поведение у всех одинаковое, особенно когда этих элементов не один два, а несколько десятков это перебор.

А если завтра скажут переписать их поведение? В бутстрапе придется идти и в ручную все искать и менять, либо делать автозамену и проверять а везде ли все поменялось так как надо? В смартгриде я просто поправлю пару строк кода и все будет работать.

Возможно тут как то можно выкрутиться с помощью пхп если на сайте он используется, не знаю, а если нет?

Вообщем вывод вижу следующий, учить его стоит, но только после того как освоил верстку без него, а никак не наоборот.
Может быть то, что на форумах постоянно всплывают темы о проблемах с бутстрапом от тех кто не знает основы верстки и сформировали мое негативное мнение, а на самом деле не все так страшно
0
 Аватар для cmath
2525 / 1751 / 152
Регистрация: 11.08.2012
Сообщений: 3,349
22.11.2017, 07:13
Цитата Сообщение от AlexZaw Посмотреть сообщение
а если нет?
Ответ на это - шаблонизация. Но то что я вам в ЛС послал - там на сервере php работает и C++ для некоторых узких задач.

Добавлено через 2 минуты
Цитата Сообщение от AlexZaw Посмотреть сообщение
но только после того как освоил верстку без него
Это про любой фреймворк можно сказать.
Цитата Сообщение от AlexZaw Посмотреть сообщение
на форумах постоянно всплывают темы о проблемах с бутстрапом
Это скорее свидетельство в пользу распространнености (ака популярности) фреймворка, не более.
0
26 / 36 / 15
Регистрация: 15.01.2017
Сообщений: 311
22.11.2017, 14:04
думали и при-думали... А, за шаблоны под это сие - за бабки....
обычный способ - монетизации .... кто как может и зарабатывает...
0
 Аватар для Mailo
178 / 226 / 31
Регистрация: 18.02.2010
Сообщений: 2,313
23.11.2017, 04:03
Люди изучают его, если хотят урвать кусок пирога на рынке заказов, связанный с ним ~15% чот такое, ну или если приходишь работать в вебстудию, а тебе говорят, вот твой коллега программер он любит работать с бутстрапом......неловкая пауза. Ещё, как я понимаю, саму идею подобных фреймворков первым этот самый бутсрап и открыл, уже глубоко впившийся в более низкую кодовую индустрию, как "удобный плагин" ещё до того момент, как это стало мейнстримом, иначе как объяснить его популярность во всех сферах GUI.
0
4 / 3 / 2
Регистрация: 09.12.2016
Сообщений: 24
23.11.2017, 19:49
Ну вот у меня получается похожая ситуация, что пишу код сейчас без какого либо фреймворка и препроцессоров, практически все задачи выравнивания решаю флексами(когда делал меню по другому уже и забыл). Есть абсолютно свободные 14 дней, думаю потратить их на изучение какого либо фреймворка, косит меня на бутстрап но очень хочу освоить smartgrid вместе с sass и gulp но боюсь не справлюсь c гридами. Подскажите в какую сторону развиваться дальше?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
23.11.2017, 19:49
Помогаю со студенческими работами здесь

Зачем используют Eclipse?
Здравствуйте. Прочел, что часто как IDE используют eclipse. Какие преимущества и недостатки в этом? Спасибо.

Зачем придумали и используют массивы?
Здравствуйте , уважаемые члены форума ! У меня глупый вопрос , зачем придумали и используют массивы ?

Зачем используют сегментные регистры в Windows
Вот например кусок кода: .data? CurrDir db MAX_PATH dup (?) buff db 4 * 3 dup (?) .code start:

Зачем при создании 2d игр используют класс Canvas ?
Зачем нужен класс Canvas, понимаю что это холст, но зачем при создание 2d игр его используют??

Зачем в коде контравариантность если её используют в приведении базового типа к наследуемому?
Доброго времени суток!!! Помогите разобраться почему на экран не выводится &quot;Arial&quot;, 20, &quot;Red&quot;(ковариантность)??? и ещё...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
11
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru