如何创建可调整的分屏twitter引导程序

Question

我想使用twitter引导程序创建一个分屏。有点像两个集装箱并排排列，只是我想选择改变集装箱的宽度。。。。就像我在更改浏览器的大小一样。这可能吗？我试着用图片来解释。

图像中的解释

Answer 1

Bootstrap不包括这种功能。

您需要使用类似jQuerySplitter插件的东西来执行您所描述的操作。

Answer 2

您可以考虑Onsen拆分视图。虽然它不可调整大小，但它确实可以在窄屏幕上折叠，以显示滑动菜单：

https://onsen.io/v1/reference/ons-split-view.html

<ons-split-view
  secondary-page="secondary.html"
  main-page="main.html"
  main-page-width="70%"
  collapse="portrait">
</ons-split-view>

不幸的是，Onsen提供了一系列已经存在于bootstrap中的ui元素。所以你会有一些冗余。和您一样，我也更喜欢以引导程序为中心的解决方案。