Бойлер: на мобильном не рушатся колонны - PullRequest
Новая
       19

Бойлер: на мобильном не рушатся колонны

0 голосов
/ 15 апреля 2020

Так что я возился с Бойлером (поскольку мне нужна среда, которая не вносит тонны разметки), и до сих пор результаты были хорошими. Однако, на всю жизнь, я не могу понять, как заставить столбцы не складываться на мобильных устройствах. В файле _grid.s css (https://github.com/Slicejack/bojler/blob/master/src/sass/_grid.scss) я заметил следующее: 

.container {
    width: $grid-container-width;
    margin: 0 auto 0 auto;

    @media (max-width: $breakpoint-mobile) {
        width: 100% !important;
    }

    td {
        @media (max-width: $breakpoint-mobile) {
            width: 100% !important;
            display: block;
            box-sizing: border-box;
        }
    }
}

Я попытался создать новый класс со следующими данными: 

td.no-stack {
        @media (max-width: $breakpoint-mobile) {
            width: auto !important;
            display: inline-block !important;
            padding: 0 !important;
        }
    }

Кажется, это не совсем так, как я ожидал. У кого-нибудь есть идеи, как я мог бы решить укладку?

...