如何使用Jade标记Bootstrap glyphicons？

我试图在我的HTML中添加glyphicons，很重要的一点是我从Jade中删除。如何使用Jade标记Bootstrap glyphicons？

对于内部按钮glyphicons我想：

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

对于glyphicons在表我想：

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")

我该如何让它们正常工作？

来源

2014-09-29 diegoaguilar

它适用于我http://fiddlesalad.com/jade/test-bootstrap-icons – InferOn 2014-09-29 11:26:11

会有所帮助，如果你告诉什么是你的预期的HTML输出 – timaschew 2014-09-29 19:50:58

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

安装由=>NPM安装--save玉引导

，并使用它像这样

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非常好。它使玉石和bootstrap 3更容易合作。

来源

2015-10-01 06:55:37 Jeab

如何使用Jade标记Bootstrap glyphicons？

回答

相关问题