Twitter bootstrap is HUGE, but I’ll mention some of the things I did and that I enjoyed doing, in no particular order. (So, this isn’t a top 10, just features that I enjoyed)
Let’s admit it, we all need to present data in a table sometimes. Yes, abusing them is bad, but using them properly.. That should be fine.
Bootstrap will style tables as long as you give them class=”table”. Personally, I like giving them a rounded border, and a hover state, so that when user mouses over a row the row changes colour, which is very handy for knowing which part you’re reading. You can do that with also giving your table table-bordered and table-hover class.
Student Name UserName Mark Errietta Kostala U1250207 A++
And there you go, pretty table!
Not only does bootstrap give readymade buttons in all shapes and sizes, but did you know you can do THIS?
I loved it when I saw that. Doing that is pretty easy:
You can even change
And get a drop-up menu instead!
Note:: I spent 1 hour wondering why this wasn’t working properly – turns out I forgot the
. Don’t be like me.
A lot of JS libraries can do modals and dialogs, but I’ve found twitter bootstrap to be the most headache-free way. These are things I want to do quickly and efficiently, and move on to more important things. So having it the easy way isn’t so bad.
Creating your modal box requires specific HTML syntax:
Please enter your information to log in to your account.
That is the easiest way to do it:
That’ll toggle your modal!
To sum up, bootstrap is awesome. It makes front-end development a piece of cake and I recommend it to anyone whose had trouble in the past (I know I’ve had) designing a UI to go with their personal project with that awesome backend.
We <3 bootstrap!