Задать вопрос

Antowa Kartowa

Ответы пользователя по тегу Bootstrap

  • Как реализовать такое расположение блоков?

    @AntowaKartowa
    Предложу так навскидку. Может и не работать, могут нюансы полезть, но я бы начинал в таком направлении работать. У вас две колонки. Во второй колонке по очереди слоями идут блоки хлебных крошек, заголовка, блок с фото и какими-то ссылками, потом секция с основным текстом. Секция с фото и ссылками разбита на две колонки - одна для фото, другая для текста и ссылок. У секции с фото и ссылками есть свойство position: relative. Так же внутри секции с фото и ссылками должен быть блок который будет играть белый фон с желтой рамкой. У него например position: absolute, z-index: -1, top: -15px; left: 150px, right: 0px; bottom: - 125px;

    https://jsfiddle.net/AntowaKartowa/Lh7bdef0/
    Ответ написан
    Комментировать
    Комментировать

  • Почему кнопка не меняет свой цвет?

    @AntowaKartowa
    Оффтоп. Использовать id для атомарных елементов плохая практика. Как впрочем и импортанты приемлемы только для дебага.

    По картинке сложно что-то сказать. Нужен доступ чтоб в девтулс пощупать, посмотреть какие стили перекрывают и тогда можно разбираться почему они перекрывают.
    Ответ написан
    2 комментария
    2 комментария

  • Закрытие меню при клике по якорю?

    @AntowaKartowa
    Чето как-то слишком дофига всего в js происходит и не очень ясно что и почему. Лень разбираться так что я коротко опишу способ как сделать тож самое без javascript

    Можно якоря обернуть в label с атрибутом for="#menu-toggle" На одном уровне с блоком меню который должен прятаться расположить input type=checkbox id="menu-toggle" задать ему позицию абсолют, опасити 0, з-индекс -1
    Точно таким же лейблом обернуть бургер который должен меню делать видимым.

    Ну а для блока меню по умолчанию определить стили чтоб он был скрыт,
    но при #menu-toggle:checked ~ .some-menu-block определить стили чтоб он был открыть.

    Вот тут https://jsfiddle.net/AntowaKartowa/b3ueU/ и тут https://jsfiddle.net/AntowaKartowa/BcMVP/ можно посмотреть как подобный подход работает
    Ответ написан
    Комментировать
    Комментировать