• Нужен ли bootstrap как инструмент для верстки?

    SkiperX
    @SkiperX Куратор тега CSS
    Так вам только сетку и надо использовать.
    Она по-любому будет в 99,99% проектах. А в бутстрапе самая удобная на мой взгляд.
    Флекс гибкий, но с ним много багов. Когда в проекте 100500 блоков, вам надоест их ловить, а сетка работает везде.
    Ответ написан
    Комментировать
  • Нужен ли bootstrap как инструмент для верстки?

    mk3mk
    @mk3mk
    занимаюсь вёрсткой (иногда)
    Вы говорите немного о разных вещах.
    Флексбокс - это просто способ вёрстки. А Бутстрап - это инструмент, который позволит Вам сделать полноценный сайт. В бутстрапе есть и слайдер, и карусель, и кнопки, и панели навигации, и аккордеоны, и пагинация и все что может потребоваться.
    Если Вы будете использовать флексбокс, Вы сможете сделать вёрстку. Да. А когда Вы захотите поставить на сайт слайдер, то Вы пойдете искать библиотеки, которые позволяют сделать слайдер. Вы будете изучать эти библиотеки. Как их подключить, как их настроить и т.д. и т.п. Потом Вам понадобится сделать выпадающее меню. Вы пойдёте искать библиотеки для создания такого меню. Потом еще что-то, и так каждый раз.
    В итоге Вам придётся изучить целую кучу всяких библиотек. Подключить к сайту кучу библиотек. Разобраться с их настройками.
    А если Вы вместо этого откроете сайт Бутстрапа, то Вы один раз подключите к сайту этот Бутстрап, и сможете сделать всё, что Вам понадобится. Там всё разложено по полочкам. Всё на русском языке. Всё с примерами.
    Нужен слайдер ? открываем страницу бутстрапа со слайдерами, копируем код, вставляем на свой сайт, и готово. Нужна пагинация ? или аккордеон ? Копируешь код к себе на сайт и всё. Тоже с меню, с кнопками и т.д.
    Там же есть и модальные окна, и спиннеры, и тултипы и т.д.
    Т.е. Вы просто изучаете Бутстрап, и Вам больше не нужны никакие библиотеки.
    Бутстрап - это не только сетка. Не только вёрстка. Это еще и куча функционала.
    Это не только css , это еще и js .
    И к тому-же Вы сразу получаете адаптивную вёрстку.
    Конечно, если Вам понадобится какой-то более сложный слайдер, то все-таки надо будет искать другие библиотеки, но это уже, как говорится, нет предела для изучения и обучения...

    Итог. Лучше изучите Бутстрап. Сэкономите массу времени и получите сразу всё в одном флаконе.
    Ответ написан
    Комментировать
  • Нужен ли bootstrap как инструмент для верстки?

    titov_andrei
    @titov_andrei
    All my life I learn - and die a fool!
    В любом случае, для прототипирования очень подходит
    Ответ написан
    Комментировать
  • Нужен ли bootstrap как инструмент для верстки?

    1. Есть, обычно в таких конторах на нём все и делают, чтобы потом не сильно запариваться с поддержкой и делать быстрее.
    2. Переопределять не нужно, БЭМ и Bootstrap могут жить вместе. Такие вопросы уже задавались, можно поискать. Например: https://github.com/bem-site/bem-forum-content-ru/i...

    Есть недостатки у Bootstrap, как и у любого инструмента. На работе чаще всего не приходится выбирать с чем конкретно работать, если уже есть сложившиеся принципы работы. Нужно уметь адаптироваться и вникать в новое, и в «простыни документации».
    Ответ написан
    1 комментарий
  • Как расположить элемент flex-контейнера по центру?

    Так сделайте 3 колонки просто и все а дальше просто по nth-child(2n) меняйте значение order и все.
    Ответ написан
    4 комментария
  • Как расположить элемент flex-контейнера по центру?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
    8 комментариев
  • Почему не отображается псевдоэлемент befor?

    Для одного того же элемента .item-web::before, два раза стили прописали
    Ответ написан
  • Почему не отображается псевдоэлемент befor?

    andreydobrin
    @andreydobrin
    Сложно , но это пока
    Вместо классаitem-web в третьем элементе напишите item-security в стилях:

    .item-web::before {
      content: "";
      background: url(/img/Icon-Laptop.png) no-repeat 15px;
      display: block;
      margin: auto;
      width: 70px;
      height: 70px;
      border: 4px solid #f2d048;
      border-radius: 50px;
      opacity: .8; }
    
    .item-security::before {  < ----- CЮДА
      content: "";
      background: url(/img/Icon-Locked.png) no-repeat 15px;
      display: block;
      margin: auto;
      width: 70px;
      height: 70px;
      border: 4px solid #f2d048;
      border-radius: 50px;
      opacity: .8; }
    Ответ написан
    1 комментарий
  • Как сделать сайт на двух языках?

    hzzzzl
    @hzzzzl
    про второй вопрос это localStorage
    https://tproger.ru/articles/localstorage/

    например localStorage.setItem('lang', 'ru')
    ..

    window.onload = function() {
      lang = localStorage.getItem('lang');
      if(lang === 'ru') {
    
      } else {
    
      }
    }
    Ответ написан
    1 комментарий
  • Как сделать сайт на двух языках?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    Если языка всего два, то удобнее всего (для клиента) загрузить оба языка в одной странице, тем более это лендинг и далёкое путешествие по сайту и море контента не планируется.

    Таким образом, нужно:
    1) Хранение текущего языка в куках или в локальном хранилище.
    2) Если пользователь в первый раз на сайте, то автоматически определить язык. Проще всего это сделать путём JS через navigator.language, navigator.languages и т.д. (надо гуглить).
    3) Кнопка переключения языков, где хотите.
    4) Язык меняется без перезагрузки страницы. Это тоже JS.
    5) Имхо, также важно, чтобы сайт работал без JS - например, на английском. Хотя на сервере тоже можно определять язык, и менять местами контент, но в целом это лишнее, если мало платят за работу.
    Ответ написан
    Комментировать