Question

我有一个使用GWT开发的工作Web应用程序。现在它必须在平板电脑或更小的屏幕上调整大小我想到了使用GWT Bootstrap。但是现有的应用程序在war文件夹下只有一个project.html和project.css文件。目前没有使用UI绑定器。有四个屏幕显示由d3js创建的不同图表。

我的问题是仍然可以使用gwt bootstrap来调整大小？或者仅使用Bootstrap并使用没有任何UI绑定器的css文件？

哪种方法更好？我很困惑，花了几个小时搜索和阅读。

Answer 1

如果您计划在GWT应用中与引导程序组件进行互动（例如NavBar，Caoursel等），那么我会选择gwt-bootstrap，因为您不会＃39} ; t必须使用JSNI并获得某种类型的安全性。

如果您不需要与这些组件进行交互，或者在GWT应用程序中使用大多数纯HTML，您还可以使用普通bootstrap并添加相应的类。

编辑代码示例：

UiBinder：

<b:NavPills>
  <b:AnchorListItem active="true">Item 1</b:AnchorListItem>
  <b:AnchorListItem>Item 2</b:AnchorListItem>
  <b:AnchorListItem>Item 3</b:AnchorListItem>
  <b:AnchorListItem enabled="false">Item 4</b:AnchorListItem>
  <b:AnchorListItem pull="RIGHT">Pulled right</b:AnchorListItem>
</b:NavPills>

代码：

NavPills pills = new NavPills();
AnchorListItem item1 = new AnchorListItem("Item 1");
item1.setActive(true);
pills.add(item1);
pills.add(new AnchorListItem("Item 2");
pills.add(new AnchorListItem("Item 3");
...

GWT Bootstrap响应式设计现有的带屏幕的webapp

1 个答案: