Ответы пользователя по тегу Bootstrap
  • Изменить размер страницы сайта Bootstrap?

    Pavel-ww
    @Pavel-ww
    у любого сайта в браузере ширина 1536 или что-то около того

    никогда о таком не слышал

    Учу Bootstrap

    Плохо учите. Bootstrap Grid - это то с чего надо начать. Всё отлично описано в документации. В том числе и ширины контентной области в точках остановки и порядок вложенных классов для достижения этого
    Ответ написан
    1 комментарий
  • Что проще — написать стили с нуля или пользовать Bootastrap?

    Pavel-ww
    @Pavel-ww
    Тут вопрос требований к проекту. Если в ТЗ четкое указание использовать Bootstrap, то куда вы от этого денетесь. Придется изучать. Главное понять его принцип, тогда ничего муторного не будет. Есть классы с интуитивно понятными именами, добавляя которые в html код вы используете уже написанные заготовки css из bootstrap.

    Если требование к проекту не регламентируют обязательное использование Bootstrap, то тут конечно проще и быстрее (хотя это субъективно) написать свой код. У своего кода неоспоримое преимущество в том, что его будет значительно меньше и можно использовать легкие и быстрые технологии , такие как css grid. Все это позитивно скажется на проекте в плане чистоты кода и скорости загрузки, так как не надо тянуть весь фреймворк если вам требуется всего 10% его возможностей. Или использовать длиннющий стек классов в html тегах.

    То есть, вопрос ставить так - "что проще?" - не корректно. Проще то что вы лучше знаете. Есть люди которые слабо знают css и зазубрили классы bootstrap, есть те, которые отлично знают css но слабо ориентируются в классах Bootstrap. И нивелируют все эти метания требования ТЗ. ))

    Удобной практикой является использование полностью своего CSS в связке с JS компонентами Bootstrap. Компоненты - это то чем стоит пользоваться. Зачем писать свой JS если всё уже написано или если нет навыков JS, тем более можно подключить только то, что нужно.
    Ответ написан
    Комментировать
  • Как растянуть картинку на ширину блока указанным свойством padding?

    Pavel-ww
    @Pavel-ww
    Ссылка на страницу помогла бы вам больше. А так приходится гадать.
    Добавьте к тому что у вас есть height: 100%; , возможно какой-то min-height потребуется, object-fit: cover;
    Хотя не уверен что это сработает. Неужели у CMS нет возможности добавлять свой CSS? Тут надо над родителем работать
    Ответ написан
    6 комментариев
  • Bootstrap: как растянуть блоки с кнопками по краям modal окна?

    Pavel-ww
    @Pavel-ww
    Нативным флексом или или бутстраповскими флекс классами выровняйте все. В чем проблема?
    На нативном флексе будет примерно так ( в вашем коде не все элементы есть, как на скриншоте)
    #navDiv,
    #bookmarkDiv {
    	display: flex;
    	align-items: flex-start;
    }
    #navDiv {
    	justify-content: flex-start;
    }
    #bookmarkDiv {
    	justify-content: flex-end;
    }

    61702dd7278b2159971837.jpeg
    Ответ написан
  • Какой html редактор использовать для сайта?

    Pavel-ww
    @Pavel-ww
    VS Code - отличный, бесплатный, куча бесплатных плагинов на маркетплейсе на все случаи жизни в том числе и bootstrap сниппеты. Подключается по FTP через плагин. То есть не встроенный в CMS редактор
    Ответ написан
    4 комментария
  • Как сделать навигационную панель Boostrap 5 что она была в два ряда?

    Pavel-ww
    @Pavel-ww
    Ищите в документации отдельный код для навигации и формы. Разделите Header на два ряда col-md-12 + col-md-12 и вставляйте найденные части в отдельные колонки.

    Вот форма поиска отдельно. Можете вырезать ее из навигации и вставить в другую колонку.
    61264f4783ac1233015631.jpeg
    Ответ написан
    Комментировать