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

有空格和特殊字符導致此問題。 刪除它們后，一切正常。