如何创建一个可调节的分屏twitter bootstrap

Question

我想使用twitter bootstrap创建一个分屏。有点像2个容器相互排列，除了我想要改变容器宽度的选项....就像我改变浏览器的大小一样。这可能吗？我试着用图像来解释。

explanation in image

Answer 1

Bootstrap不包含此类功能。

您需要使用类似jQuery Splitter插件的内容来执行您所描述的操作。

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元素。所以你会有一些冗余。和你一样，我也更喜欢更自助的解决方案。