AngularJS макет меню рабочего стола и мобильного реагировать

Question

У меня есть сайт с AngularJS с этим меню

но это то, что происходит, когда он загружается в мобильном телефоне

Можно ли добиться такой раскладки в мобильном?

это HTML-код

    <div flex="nogrow">
        <div layout="row" layout-align="end center">
            <div class="dashboard-button-right pointer" ng-repeat="btn in dashboardButtons" ng-click="dashboardClick(btn, $event)" 
                 ng-class="{'{{btn.active_class}}': btn.active === true, '{{btn.class}}': btn.active === false}">
              {{btn.label}}
            </div>
        </div>

    </div>

Спасибо, прежде чем

Answer 1

Вы можете использовать медиазапросы , а также упоминать bootstrap xs столбцы . Если вы делаете его отзывчивым на xtra small screen , вам нужно использовать столбец начальной загрузки для выравнивания , тогда вы можете использовать css media запросы для их стилизации. Фактически для адаптивного веб-сайта вам необходимо определить его поведение и выравнивание его на всех 4 экранах (lg, md, sm, xs).

Я предполагаю, что вы уже знаете, как работает начальная система Сетка . Я надеюсь, что это решило ваш вопрос, и если вам нужно что-то спросить, дайте мне знать.