Possible to install just Bootstrap CSS with Bower?

Question

Starting a new Angular project via Yeoman asks if you want to include Twitter Bootstrap (I'm using Sass flavor). Doing so includes both the styles and scripts. However, I want to use UI Bootstrap instead of Bootstrap's scripts (which depend on jQuery).

So, is it possible to install only Bootstrap's styles (preferably in Sass) with Bower? Or do I just need to download and include the Bootstrap styles manually?

score 17 · Answer 1 · answered Jan 09 '14 at 06:22

17

I know one CSS-only Bootstrap packages in Bower: bootstrap-css-only; However it comes with precompiled CSS but not SASS.

answered Jan 09 '14 at 06:22

tungd

14,467
5
41
45

https://github.com/jozefizso/bower-bootstrap-css also contains built files, and goes all the way back to 2.3.0, in case anyone needs that, in the age of bower being deprecated! – ptim Jul 12 '17 at 04:58

score 14 · Accepted Answer · answered Apr 17 '14 at 02:35

14

just add exclude option in grunt bowerInstall task, and bowerInstall task will not inject the excluded file in the html file

bowerInstall: {
  app: {
    src: ['<%= yeoman.app %>/index.html'],
    exclude: ['bower_components/bootstrap/dist/js/bootstrap.js'],
    ignorePath: '<%= yeoman.app %>/'
  }
},

answered Apr 17 '14 at 02:35

xiaoboa

1,953
14
18

1

You can also probably exclude jQuery: 'bower_components/jquery/dist/jquery.js' – Sam Barnum Aug 26 '14 at 11:45

score 3 · Answer 3 · edited May 23 '17 at 10:30

3

Based on this answer, you could add this to .bowerrc to delete the Bootstrap JS files:

{ "directory": "bower_components", "scripts": { "postinstall": "rm -rf bower_components/bootstrap-sass-official/assets/javascripts" } }

edited May 23 '17 at 10:30

Community

1
1

answered Aug 13 '14 at 02:31

bkaid

51,465
22
112
128

score 3 · Answer 4 · answered Oct 07 '14 at 16:36

if you don't have a bowerInstall task in your gruntfile as mentioned in the accepted answer, this also works in the wiredep task.

 wiredep: {
  app: {
    src: ['<%= yeoman.app %>/index.html'],
    exclude: ['bower_components/bootstrap/dist/js/bootstrap.js'],
    ignorePath:  /\.\.\//
  },

score 3 · Answer 5 · edited Apr 28 '15 at 08:20

3

You can execute:

bower install bootstrap-css-only

edited Apr 28 '15 at 08:20

Mariusz Jamro

30,615
24
120
162

answered Apr 28 '15 at 05:37

fallwind

159
1
4

Possible to install just Bootstrap CSS with Bower?

5 Answers5