Javascript 引导布局JQuery Resize

我使用bootstrap3进行响应性布局。我还使用jqueryui调整div的大小

我的代码片段看起来像这个div（class=“col-sm-4ui小部件内容”）

当我调整div的大小时，我需要将其调整为引导12列网格模式。例如，如果我水平调整div的大小，我需要将该类设置为col-sm-5

是否有方法将网格对齐/将类分配给引导列

---

Thnak您

对于CSS解决方案，您需要建立一个断点，希望在该断点中覆盖列宽。因此，如果您希望（class=“col-sm-4 ui widget content”）在平板电脑纵向视图上使用col-sm-5宽度（例如），您需要在媒体查询中使用col-sm-4的引导宽度替换col-sm-5的宽度

例如：

@media (min-width: 768px) and (max-width: 979px) {
.col-sm-4 .ui-widget-content {width: 41.66666667% !important;}
}

就我个人而言，我不知道你为什么要这么做。在需要时，利用引导框架原样，通过将jqueryui元素的宽度重新定义为（width:auto）或（width:100%）来微调jqueryui元素，以确保它们正确填充引导col，这将是非常有益的。这将确保模板的响应完整性。此外，利用jQuery UI主题和图像不会提供您想要的视觉清晰度，因为它们与移动视网膜显示器或（@2x）不兼容。jQueryUI有一些很酷的功能和小部件，但我发现在bootstrap中定制自己的移动友好主题可以让您充分利用这两种功能

---

希望这有帮助

请提供一些代码并创建一堆代码