小编And*_*voy的帖子

我试图了解如何做到这一点:http://getbootstrap.com/javascript/#tabs

我认为文档不够详细,因为我无法理解它是如何工作的.

<div class="container">
    <ul class="nav nav-tabs">
        <li class="nav active"><a href="#A" data-toggle="tab">A</a></li>
        <li class="nav"><a href="#B" data-toggle="tab">B</a></li>
        <li class="nav"><a href="#C" data-toggle="tab">C</a></li>
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">
        <div class="tab-pane fade in active" id="A">Content inside tab A</div>
        <div class="tab-pane fade" id="B">Content inside tab B</div>
        <div class="tab-pane fade" id="C">Content inside tab C</div>
    </div>
</div>

这段代码给了我想要的东西

但是我无法在标签之间切换.

所以问题是:我应该添加什么JQuery或Javascript代码才能使它工作？示例中显示的内容不起作用:(

我尝试将两个容器并排放置,但它们彼此堆叠在一起.即使是容器流体类也无济于事.

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12">
            Container Left
        </div>
    </div>
</div>

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12">
            Container Right
        </div>
    </div>
</div>

在Bootstrap有可能吗？

我使用Jekyll为软件产品创建文档.我有30多种不同的产品,它们具有共同的LIQUID模板但内容不同.每个产品文档都有自己的内容列表.

对于一个项目,一切都很好.我有一个内容文件夹以及css/js文件夹.我运行"jekyll serve"并发布一个项目.

问题是,我不希望将30个Jekyll项目一个接一个地存储在另一个具有类似css,configs,js文件夹的项目中,并且只会在内容部分中有所不同.

问题是:我如何组织内部结构,以便在单个项目中有一个共同布局和"x"不同内容文件夹的单个项目？

喜欢:

_product1 /

• some_subdir

  'topic.md'

_product2 /

• some_subdir

  'topic.md'

如果可能,我该如何管理输出？我需要分别发布产品1和产品2 ...产品'x'.

感谢您的帮助.

UPD:这是GitHub上的演示项目:https://github.com/plywoods/JekyllDocumentationDemo