我可以使用什么bootstrap元素来制作移动帮助网站

Question

我需要帮助为我的iOS应用找到一个帮助部分的好解决方案。在以前的应用程序中，我尝试过在应用程序内部帮助部分。这真的很难维护，因为每当出现新问题时，我都必须更新应用程序以解决这个问题。虽然UITableView看起来不错且本机，但我想为我的下一个应用程序使用针对移动设备优化的网站。

问题是，我找不到好用的东西！我不介意每月支付一个服务台，就像托管在另一家公司服务器上的服务一样，但我开始认为我应该制作一个自定义解决方案。

我喜欢twitter的bootstrap，因此我将尝试使用它来创建移动帮助页面。问题是，我不知道如何自定义它使其外观和感觉像一个平滑的UITableView。我不希望它看起来完全像它，但我想至少有节标题。按部分标题，我的意思是相当大的矩形，其宽度与屏幕相同，无论何时触摸它们，都会在其下方平滑地显示帮助部分。是否存在可以执行此类操作的现有bootstrap元素？

Answer 1

你可以使用ButtonGroups http://twitter.github.io/bootstrap/components.html#buttonGroups并设置垂直排列来获得你想要的外观。

e.g。它可能/看起来像这样：

附注：屏幕截图来自PC桌面...按钮设置为“span3”，您可以根据需要将其设置为宽屏。这是HTML：

<div class="row">
    <div class="btn-group btn-group-vertical">
        <button class="btn span3">Topic ABC</button>
        <button class="btn span3">Topic DEF</button>
        <button class="btn span3">Topic GHI</button>
        <button class="btn span3">Topic JKL</button>
        <button class="btn span3">Topic MNO</button>
        <button class="btn span3">Topic PQR</button>
        <button class="btn span3">Topic STU</button>
    </div>
</div>