Jquery 如何将网页中的特定部分显示到移动视图

我正在使用引导创建一个网站。我需要在移动视图中的另一个位置使用单个分区，但我不希望重复代码。

您可以使用css样式在另一个具有不同宽度的plase中设置页面显示。如以下代码所示：

@仅媒体屏幕和（最大宽度：1100px）{您的样式…}

@仅媒体屏幕和（最大宽度：843px）{您的风格…}

（函数（$）{
变量$window=$（window），
$html=$（'html'）；
$window.resize（函数resize（）{
如果（$window.width（）<514）{
返回$html.addClass（'mobile'）；
}
$html.removeClass（'mobile'）；
}).trigger（'resize'）；
})（jQuery）
html{
背景：白色；
颜色：红色；
字号：1.4em；
}
html.mobile{
背景：蓝色；
颜色：白色；
字号：1em；
}
这样，您可以根据屏幕大小添加分区。

我是文本。
如果您不想复制代码，那么您肯定可以使用jQuery实现这一点。您可以在遇到此问题的地方共享您的链接。@Shilpa Gupta您可以将您的代码放在这里，或者为此创建plunker吗？好的，谢谢您。。