Bootstrap 3.3.7折叠按钮问题（不起作用）

Question

我有以下代码：

@foreach(var data in Model.test){    
    <div style="margin: 3% 0 3% 2%;">
            <button type="button"
                    class="btn btn-warning"
                    style="display:block; width:40%;overflow-wrap:normal;white-space:normal;padding:.5%;"
                    data-toggle="collapse" data-target="#@data.option">
                @data.Name
            </button>
            <div id="@data.option" class="collapse" style="width:40%;float:right;white-space:normal; overflow:scroll;">
                <br />
                <div>
                    <a>
                        Title: @data.Name<br />

                        @foreach (var item in data.Documents)
                        {
                            <p>Related Document:  @item.Name</p>
                        }
                    </a>
                </div>
            </div>
        </div>
}

当我从引导站点尝试一般示例时，它工作正常..但是当我插入值等时，我希望它失败..我缺少什么？ 这是从MVC Web应用程序来看的。

---

我将ID更改为增量计数器。因此现在可以使用了。 如前所述，我在某处可能有一个副本。

Answer 1

有空格和特殊字符导致此问题。 删除它们后，一切正常。