我对引导程序很陌生,所以请温柔一点。我正在尝试让模式对话框与流星一起显示并且有一些方法,但我真的坚持它的显示方式和位置。
我有两个用于对话框本身的模板(如此处其他地方所建议的那样)
<template name="projectPage">
<div class="container">
<h2>Example of creating Modals with Twitter Bootstrap</h2>
<div id="example" class="modal fade in show" role="dialog" tabindex="-1" aria-hidden="true">
{{> modalInner}}
</div>
</div>>
</template>
<template name="modalInner">
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h3>This is a Modal Heading</h3>
</div>
<div class="modal-body" >
<h4>Text in a modal</h4>
<p>You can add some text here.</p>
</div>
<div class="modal-footer">
<a href="#" class="btn btn-success">Call to action</a>
<a href="#" class="btn" data-dismiss="modal">Close</a>
</div>
</template>
并且使用此代码,模板被渲染,但具有不透明的背景,因此只是混杂在它下面已经渲染的内容中(它也是全屏而不是示例显示的大小)。
我尝试更改背景以查看 css 发生了什么
.modal {
//background-color: #f00;
max-width: 50%;
max-height: 50%;
//position: relative;
}
并且,如您所见,手动设置了宽度和高度,但这给了我页面左上角的一个红色框,右侧有一个空滚动条,但又不是示例显示的内容.
有什么想法我在这里出错了吗?
塔
彼得。