Html 无法查看该列的内容

我刚开始使用bootstrap，遇到了一个问题

下面是代码

doctype
html
    head
        meta(charset="utf-8")
        meta(name="viewport", content-width="device-width", initial-scale="1.0")
        title Example
        link(href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css", rel="stylesheet")
    body
        #row
            #container.col-md-4.col-lg-1.col-sm-4.col-xs-12
                <h4><a href="#col1Content" data-toggle="collapse">column1</a></h4>
                .collapse(id="col1Content") csfcsffsfsfcasfsdcsdfbvsfvbdfsfcasdfvhello

doctype
html
头
meta（charset=“utf-8”）
元（name=“viewport”，content width=“device width”，initial scale=“1.0”）
标题示例
链接（href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css“，rel=“样式表”）
身体
#划船
#container.col-md-4.col-lg-1.col-sm-4.col-xs-12
.collapse（id=“col1Content”）csfcsffsfcasfsdcsdfbvsfvbdffsfcasdfvhello

在输出中，我可以看到

column1

文本，但当我单击此项时，我无法看到我在其下所写的内容

正在为此打印html代码

raspievsimcsfcsffsfcasfsdcsdfbvsfvbdffsfcasdfvhello

引导101模板
你的文字在这里

是一种使用JavaScript的引导功能。但是您没有包括和jQuery库，因此折叠无法工作：

拉斯皮埃维辛
CSFCSFFSFCASFSDCSDFBVSFVBDFFSFCASDFVHELLO
第一项
第二项



第一项（单击我）

第一项（第一级）
第二项（第一级）

第二项（单击我）

第一项（第二级）
第二项（第二级）

我也打印了生成的HTML代码。请查看您错过数据切换和aria expanded=“false”aria controls=“collapseExample”向上投票是否有意义。如果你认为我提出了正确的问题，并给出了正确的解释，那么也请把我的问题投上一票：）有没有一种方法可以像我为Column做的那样创建一个可折叠列表有没有一种方法可以像我为Column做的那样创建一个可折叠列表column@Nitesh-是的，这是可能的-参见我答案中的示例。