小模态看起来不小

Question

所以我看到了这个链接：http://getbootstrap.com/javascript/#alerts。 并希望在我的项目中添加小模态。 我从链接中复制了相同的代码，但不是显示小，而是更大！没有标题和十字按钮！ 我错过了什么？

这是代码：

<!-- Small modal -->
    <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">

            </div>
        </div>
    </div>

我确实尝试使用上面其他示例中的标题，但没有工作（至少对我而言）。

Answer 1

在引导网站中，它们包含了最少的代码，这就是为什么找不到包含在内的标题的原因：

<div class="modal-header"></div>

对于小模态框，你的代码应该正常如果你在CSS中有这个：

.modal-sm{width:300px}

查看 demo 制作。