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列。如果要使其在超小屏幕上响应，则需要使用引导栏进行对齐，然后可以使用 css媒体查询设置样式。实际上，对于一个响应性网站，您需要在所有四个屏幕（lg，md，sm，xs）上定义其行为并对齐

我假设您已经知道引导网格系统。我希望它能解决您的问题，如果您需要提出问题，请告诉我。