Может ли jquery использоваться для изменения порядка визуального источника HTML при построении первого макета мобильного устройства?

Question

Я пытался создать мобильную первую компоновку с сеткой Сьюзи, где основное содержимое состояло из трех столбцов, оставленных в стороне, seciton.class «maincontent» и прямо в сторону. Средний столбец «maincontent» будет тем, что я хочу сначала отобразить в мобильном макете, тогда как меньшие asides появятся после maincontent. При использовании Susy кажется, что мне нужно структурировать разметку, так что основное содержимое приходит после того, как осталось влево, если я хочу, чтобы все выглядело правильно на макете рабочего стола. Может ли что-то вроде JQuery использоваться, чтобы на определенной точке останова оно использовалось для создания визуального изменения порядка источника и позволяло вставлять основной контент между двумя соседями на макет рабочего стола? Или я застрял в том, чтобы иметь мобильный первый макет, где левый в сторону появляется перед основным контентом?

Answer 1

Вы можете использовать тянуть, чтобы компенсировать столбцы вопреки порядку источника:

// pull(<$columns> [, <$context>, <$from>, <$style>]) 
.box { @include pull(2); } 

Pull @ Susy Doc