Que fait le bootstrap-styl?

Question

-je utiliser express, bootstrap-Styl, stylet, pointe, et carlin/jade pour une page

mon code serveur

var express=require('express') 
var boostrap=require('bootstrap-styl') 
var stylus=require('stylus') 
var nib=require('nib') 
var pug=require('pug') 

var app=express() 
app.use(express.static('public')); 
app.use(stylus.middleware({ 
    src: 'public', 
    compile: compile 
})) 
app.set('views', './views'); 
app.set('view engine', 'pug'); 

function compile(str,path){ 
    return stylus(str) 
    .set('filename',path) 
    .set('compress',true) 
    .use([boostrap(),nib()]) 
} 

app.get('/',function(req,res){ 
    //res.send('Hello Hola') 
    res.render('index',{msg:'my message'}) 
}) 

app.listen(80) 

mon code de jade

doctype html5 
html 
    head 
     link(rel='stylesheet',href='/style/style.css') 
    body 
     =msg 
     input(type=text) 
     button.btn.btn-warning(type='button') Click 

mon bouton non de style avec bootstrap, que fait réellement bootstrap-styl?

---

mon mauvais, je n'importer le bootstrap à style.styl

@import 'nib' 
@import bootstrap 
body 
    background-color red 

Answer 1

Essayez d'utiliser bootstrap-stylet au lieu de bootstrap-Syl ...

 
    `var bootstrap = require('bootstrap-stylus'), 
    stylus = require('stylus'); 

    function compile(str, path) { 
    return stylus(str) 
     .set('filename', path) 
     .use(bootstrap()); 
    } 

    app.use(stylus.middleware({ 
     src: __dirname + '/public', 
     compile: compile 
    }));`