Twitter bootstrap 使用jade时背景下出现的引导模式
我从node.js和jade开始,我在谷歌应用程序引擎中找到了一个应用程序,它与twitter引导程序一起工作 问题但当我将相同的html转换为jade时,模式的行为并不像它应该的那样,而是背景覆盖了它。我取消了淡入淡出的课程,但没有用。这是翡翠中的代码Twitter bootstrap 使用jade时背景下出现的引导模式,twitter-bootstrap,pug,Twitter Bootstrap,Pug,我从node.js和jade开始,我在谷歌应用程序引擎中找到了一个应用程序,它与twitter引导程序一起工作 问题但当我将相同的html转换为jade时,模式的行为并不像它应该的那样,而是背景覆盖了它。我取消了淡入淡出的课程,但没有用。这是翡翠中的代码 #newWordModal.modal.hide .modal-header button.close(type='button', data-dismiss='modal') x h3 Add A Word
#newWordModal.modal.hide
.modal-header
button.close(type='button', data-dismiss='modal') x
h3 Add A Word
.modal-body
#create-word
input#new-word-name(type='text', placeholder='Type in a word name')
input#new-word-def(type='text', placeholder='Define it....')
.modal-footer
a.btn(href='#', data-dismiss='modal') Close
a#add-word.btn.btn-primary(href='#', data-dismiss='modal') Add Word!
在html中也是如此
<div class="modal hide fade" id="newWordModal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h3>Add A Word</h3>
</div>
<div class="modal-body">
<div id="create-word">
<input type="text" id="new-word-name" placeholder="Type in a word name" />
<input type="text" id="new-word-def" placeholder="Define it...." />
</div>
</div>
<div class="modal-footer">
<a href="#" class="btn" data-dismiss="modal">Close</a>
<a href="#" class="btn btn-primary" data-dismiss="modal" id="add-word">Add Word!</a>
</div>
</div>
×
加一个词
我遗漏了什么吗?我认为您遗漏了作为内容包装器的“modal.dialog”和“modal content”类,如前所述 您的代码应该如下所示
#playlistloadmodal.modal.fade
.modal-dialog
.modal-content
.modal-header
button.close(type='button', data-dismiss='modal') x
.modal-body
#create-word
input#new-word-name(type='text', placeholder='Type in a word name')
input#new-word-def(type='text', placeholder='Define it....')
.modal-footer
a.btn(href='#', data-dismiss='modal') Close
a#add-word.btn.btn-primary(href='#', data-dismiss='modal') Add Word!
是否正确导入引导js文件?