Javascript HTML中的不同类取决于屏幕大小

我是bootstrap的新手，不知道如何执行以下操作： 我正在使用Django，在我的HTML模板中，我有以下内容：

<div class="tabs tabs-vertical tabs-left">
                            <ul class="nav nav-tabs">

这适用于大屏幕，但当我用手机访问页面时，它看起来很难看，因此如果屏幕为xs:

<div class="tabs">
                            <ul class="nav nav-tabs nav-justified flex-column flex-md-row">

这可以通过引导实现吗？是否需要克隆整个div内容并根据屏幕隐藏？

---

谢谢。

您可以尝试使用mobiledetect.js脚本，并根据它注册的设备，将其发送到不同的CSS脚本，该脚本适合每种类型的设备（即移动设备、pc等）

脚本下载：

---

如果屏幕宽度小于所需断点，只需使用javascript添加类即可。因为您使用的是引导，所以可以使用jQuery使其更简单。例如：

---

if（window.innerWidth）请发布所有相关代码。问题是什么还不清楚。您是否试图在xs屏幕上使左选项卡从顶部移动。没有
选项卡剩余
类。