Bourbon / Neat Grid 2.0转移问题

作者: 疯子哥哥
发布时间: 2024-10-09 10:46:49 (7天前)
转自：

2 条回复

0#
回复此人
滔滔江水 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 为了确保我理解，您在桌面上的导航顶部堆叠了一个提交按钮。当用户点击平板电脑时，您希望提交按钮位于导航的右侧。 </p> <P> 如果是这样的话，你会想要使用 <code> direction </code> 自定义网格中的属性。它看起来像这样： </p> <pre> <code> $no-gutter-grid_tablet: ( columns: 12, gutter: 0, direction: rtl, ); $no-gutter-grid: ( columns: 12, gutter: 0, ); footer { @include grid-container; } .footer-nav { @include grid-column(12, $no-gutter-grid); @include grid-media($grid-tablet-up) { @include grid-column(10, $no-gutter-grid_tablet); } color: $white; nav { margin-bottom: 25px; } } .footer-submit { @include grid-column(12, $no-gutter-grid); @include grid-media($grid-tablet-up) { @include grid-column(2, $no-gutter-grid_tablet); } } </code> </pre> <P> 现在，你向右走，你不必转移任何东西。相反，它只是颠倒div显示的顺序。 </p> <P> 希望这可以帮助！ </p> </DIV>

编辑

登录后才能参与评论