Using bootstrap with bower

Question

I m trying to use bootstrap with bower  but since it clones the whole repo  there is no CSS and other stuff   Does it means that I need to include building Bootstrap in my own build process  Or if I m wrong  what s the right workflow

User · Answer

Also remember that with a command like    bower search twitter  You get a result with a list of any package related to twitter  This way you are up to date of everything regarding Twitter and Bower like for instance knowing if there is brand new bower component

User · Answer

You have install nodeJs on your system in order to execute npm commands  Once npm is properly working you can visit bower io  There you will find complete documentation on this topic  You will find a command   npm install bower  this will install bower on your machine  After installing bower you can install Bootstrap easily   Here is a video tutorial on that

User · Answer

The css and js files are located within the package  bootstrap docs assets   UPDATE   since v3 there is a dist folder in the package that contains all css  js and fonts     Another option  if you just want to fetch single files  might be  pulldown  Configuration is extremely simple and you can easily add your own files urls to the list

User · Answer

assuming you have npm installed and bower installed globally   navigate to your project  bower init      this will generate the bower json file in your directory   then keep clicking yes     to set the path where bootstrap will be installed  manually create a  bowerrc file next to the bower json file and add the following to it        directory     public components    bower install bootstrap --save   Note  to install other components    bower search  component-name-here

User · Answer

There is a prebuilt bootstrap bower package called bootstrap-css   I think this is what you  and I  were hoping to find   bower install bootstrap-css   Thanks Nico

User · Answer

I ended up going with a shell script that you should only really have to run once when you first checkout a project     usr bin env bash  mkdir -p webroot js mkdir -p webroot css mkdir -p webroot css-min mkdir -p webroot img mkdir -p webroot font  npm i bower i    boostrap pushd components bootstrap npm i make bootstrap popd cp components bootstrap bootstrap css   min css webroot css-min  cp components bootstrap bootstrap js bootstrap js src js deps  cp components bootstrap bootstrap img   webroot img     fontawesome cp components font-awesome css   min css webroot css-min  cp components font-awesome font   webroot font

User · Answer

I finally ended using the following   bower install --save http   twitter github com bootstrap assets bootstrap zip  Seems cleaner to me since it doesn t clone the whole repo  it only unzip the required assests   The downside of that is that it breaks the bower philosophy since a bower update will not update bootstrap   But I think it s still cleaner than using bower install bootstrap and then building bootstrap in your workflow   It s a matter of choice I guess   Update   seems they now version a dist folder  see  https   github com twbs bootstrap pull 6342   so just use bower install bootstrap and point to the assets in the dist folder

[twitter-bootstrap] Using bootstrap with bower

Examples related to twitter-bootstrap

Examples related to bower