javascript - 如何在自定义 css 布局和 bootstrap css 布局之间切换

Question

我希望我的示例页面上有一个小下拉菜单，用于在自定义布局和 Bootstrap 布局之间切换。有没有办法在 javascript/jquery 中做到这一点？

Answer 1

在将包含您的自定义样式的 CSS 中设置一个(或多个)类，然后使用 jQuery 将该类添加到相关元素或从相关元素中删除该类。

在 jQuery 中，您可以使用 toggleClass的功能。

CSS:

.my-layout {
    /* do your custom styling */
}

JS:

$('#swap-layout').click(function() {
    $('#dropdown').toggleClass('my-layout');
});