因此,我看到了该链接: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>
我确实尝试过像上面其他示例中那样使用标头,但没有工作(至少对我而言)。
在引导站点中,它们包含了最低限度的代码,这就是为什么您找不到包含在其中的标头的原因:
<div class="modal-header"></div>
至于小的模式框,如果您的CSS中包含以下代码,则您的代码应该可以正常工作:
.modal-sm{width:300px}
查看制作的演示。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句