Menu page with three columns

时间：2015-05-09 作者：mieo

看到wordpress中的所有邮箱容器，我想知道是否有办法将第三列添加到自定义wordpress管理菜单页面。

我希望在使用引导程序中的col-md-4时得到类似的东西，但引导程序不会改变仪表板中的其他所有内容。

有没有办法做到这一点？

1 个回复
SO网友:TheDeadMedic

我会避免使用任何与核心相关的布局类，而只使用自己的布局类（这不需要引导）。在PHP页面处理程序中，只需执行以下操作：

<div class="wrap">

    <div class="my-plugin-column">
       How...
    </div>

    <div class="my-plugin-column">
       you...
    </div>

    <div class="my-plugin-column">
       doin\'?
    </div>

    <!-- And so forth -->

</div>
然后在插件CSS中：

@media screen and (min-width: 40em) {
    .my-plugin-column {
        float: left;
        width: 30%;
    }

    /* first column */
    .my-plugin-column:nth-child(3n+1) {
        clear: left;
    }

    /* second and third columns */
    .my-plugin-column:nth-child(3n+2),
    .my-plugin-column:nth-child(3n+3) {
        margin-left: 5%;
    }
}
您可以更高级，在较小的断点处显示两列，然后在较大的设备上切换到三列。

结束
标签： menus   dashboard   小码农  

相关推荐

禁用请访问更新网络页面以更新您的所有站点。来自Dashboard的通知

在WordPress MU中升级WordPress后，我想隐藏您在仪表板上看到的以下消息。我知道要隐藏版本升级，请注意有一个过滤器add_filter( \'pre_site_transient_update_core\', create_function( \'$a\', \"return null;\" ) ); 但我想禁用以下通知“感谢您的更新！请访问更新网络页面以更新您的所有网站。”