如何使用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？

回答

相關問題