Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

I sometimes use stuff because everyone else is using it. And then I wonder why I did that.

I recently removed bootstrap from a website I have that is composed entirely of static HTML documents [1]. It's a teaser / marketing site for my current project. The sample sites looked nice and I figured that since I and CSS are of basically nodding acquaintance -- why not?

I discovered that Bootstrap was just too featuresome for my requirements and I could not, for the life of me, get it to look correct. Everything was slightly out of place. It drove me nuts.

This led to a quest to find a simple stylesheet with a document-focused layout. Such a thing is not easily found; all and sundry are bloody obsessed with displaying their infinite genius through monstrously bloated code for designs that swoosh and swoop and resize and spin and have this and that and the captain's hat.

In the end I repurposed a stylesheet I'd commissioned as part of a wordpress theme from a good designer I know and trust[2]. A simple columnar layout. Done, dusted.

[1] http://confidest.com

[2] http://dribbble.com/karlbright . Insofar as the stylesheet you find above is bad, that's because I've been hacking on it for a few weeks since forking the original.



I clearly know why I chose Bootstrap for some of my sites:

i) In the past I spent a lot of time with designers and now I can design a site from scratch myself (I am not a web developer). Before bootstrap sites designed by me looked very well on Mosaic :-)

ii) If I work with a designer I need to spec a lot of details (bullets, headings, columns, colors) and how the fit together. With bootstrap I know that I can change what I don't like.

iii) I can then talk with a designer to only change what I don't like. So Bootstrap is a foundation base.

An example of this is http://www.nektra.com where I use Python Django and Mezzanine as CMS. I've not implemented yet the last designer version which is better. Another site http://www.securecouponcodes.com is just plain bootstrap and was implemented a little bit after the framework was released. If it not were by bootstrap the second site would be delayed since it was implemented only by me.


Your two examples are very nice for being a non-web developer (by which I take you mean "designer"). For a non-web designer such as myself - in fact I am pathologically bad at it - you give me some hope that with Bootstrap I can knock out some nice looking sites for some moonlighting work I'd like to undertake.


I am neither a designer nor a web developer!

I develop software for the desktop (mainly Windows). Obviously I can develop web applications but my issue was related to design. I really don't want to learn CSS beyond the basics to do trivial fixes.


If you compile Bootstrap from its LESS files you can pick and choose which parts you include.

Also means you can override a lot of the default mixins fairly simply.


Is there a Dummies Guide to customising bootstrap (literally or figuratively)

I would rather not waste the time experimenting these days


It's not quite a guide, but you can customize what to include, and make tweaks to fonts, spacing and the like, directly on the bootstrap site:

http://twitter.github.io/bootstrap/2.3.2/customize.html

It's fairly self-explanatory, and the resulting file will contain only the code you actually use, making for smaller file sizes.


Step 1 - Exclude the .less and .js files that you will not be using.

Step 2 - Edit or override the variable.less file.

Done


I suspect the answer is read the source, but

A) how do I know what bits I will not be using B) how do the JS and LeSS files interact (can I leave out the JS as easily as the less?)


It's done intelligently, so you don't use tables, then you leave out tables.less. If you don't want tabs, then you leave out tabs.js.


Also the chrome dev tools has an "Audits" tab which will reveal unused CSS rules. It's not perfect, but it gives you a good idea.


That's good to know, thankyou. But I think for now I will stick with what I've got.


Can i recommend Foundation by Zurb, it's like bootstrap but better IMHO. It allows you to download and use the parts you ned and nothing more.


so does bootstrap


Bootstrap comes in two parts and if you only install the stylesheet, there are classes that work just fine without the Javascript.




Consider applying for YC's Winter 2026 batch! Applications are open till Nov 10

Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: