node.js - 如何使用 Jade 标记 Bootstrap 字形？

Question

我尝试在 HTML 中添加字形图标，重要的是我是从 Jade 重新渲染的。

对于我尝试过的内部按钮字形:

button(ng-click='doLexycalValidation()').btn.btn-default 
    span.glyphicon.glyphicon-search
    | Evalular

对于我尝试过的表格中的字形:

tr.table.table-hover
    td
    span.glyphicon.glyphicon-search
    | Evalular

但没有得到任何结果。我通过这种方式从 CDN 导入 Bootstrap:

link(rel='stylesheet', href='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css')
link(rel="stylesheet",href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css")

怎样才能让它们正常工作？

Answer 1

您可以使用此模块JADE-Bootstrap http://rajasegar.github.io/JADE-Bootstrap/index.html

安装方式 => npm install --save jade-bootstrap

像这样使用它

extends ../node_modules/jade-bootstrap/_bootstrap
block body
    button.btn.btn-success(type='submit') 
         +icon("plus") 
        | Add
    +a-btn-danger("#")
        +icon('remove') 
        | Remove

这个模块JADE-Bootstrap非常好。它使jade和bootstrap 3一起工作更加容易。