Question

我对bootstrap以及如何使用bootstrap制作网格一无所知。我所知道的是如何制作jqgrid，目前我正在将jqgrid用于我当前的项目。我试着阅读w3school中的基本引导程序，但我没有看到如何制作网格我的意思就像是jqgrid。有关使用引导程序制作网格的任何文章或教程吗？分享吧。感谢。

更新

我正在使用旧的jqgrid v 4.3.3

Answer 1

jqgrid和bootstrap网格是完全不同的东西，但你可以应用bootstrap网格是jqgrid，但它没有意义。
=========================================
jqgid < / strong>
jqgrid是一种在url中传递json数据的功能，它会自动创建表结构（称为jqgrid），在其中提供搜索，排序，分组功能。您找到的jqgrid个例子here

引导网格

网页分为12个部分，根据你如何分配空间就像引导网格，如col-md-4，col-xs-4，col-lg-4是每个设备屏幕的类型。 bootstrap网格的示例，您找到了here

Answer 2

您没有写您使用的jqGrid版本以及jqGrid （free jqGrid，商业Guriddo jqGrid JS或旧版jqGrid的版本＆lt; = 4.7）。

旧版本的jqGrid对jqGrid元素使用jQuery UI CSS。新版本允许您使用Bootstrap CSS。 Here您将找到使用带有jqGrid的Bootstrap的示例。您需要做的主要是在页面上包含Bootstrap CSS并添加guiStyle: "bootstrap"选项。一切都好。

更新：此外，Bootstrap提供了一些CSS类，有助于在低分辨率的情况下隐藏网格列。您可以尝试演示http://jsfiddle.net/OlegKi/andm1299/45/并使用网格调整窗口大小。最后一列（Duration列）使用"hidden-xs" Bootstrap类。如果外部窗口足够短，您将看到该列消失。

Answer 3

嗨如果您想使用Bootstap创建一些表，可以参考以下链接获取数据表创建。 https://datatables.net/examples/styling/bootstrap.html

它非常易于实现，并附带了许多插件，使其易于实现。

希望有所帮助

Answer 4

Bootstrap网格系统将屏幕分为12列。它对于跨多个设备的Bootstrap的响应特性是可行的。在Bootstrap中玷污的各种屏幕尺寸为小sm中md超小xs和大lg。基本上，bootstrap是一个前端Web框架，它内置css和javascript组件，使您可以轻松创建漂亮的前端。要在引导程序中创建网格，首先必须创建一个容器，然后创建一个行，然后通过指定.col-md，.col-lg，. col-xs，{{1}来定义列。你的. col-sm

的课程

下面是网格系统的示例。 Bootstrap文档的参考 http://getbootstrap.com/css/

div

另请参阅此jsfiddle的实现 https://jsfiddle.net/KyleMit/Gt25L/

bootrap网格和jqgrid之间有什么区别？

4 个答案: