Customizing Bootstrap from twitter


I have been using Bootstrap from twitter for quite some time now. I love how i can easily create beautiful looking forms and other controls in such a quick time. But there comes a time when you get bored using the same thing again and again. You want to customize the form elements or the navigation bar or change the damn color scheme (you get the idea).

Bootstrap uses Less which is not that tough to customize but not for a novice by any means. It’s here that you feel the need for more out of the box recipes made specifically for bootstrap. I will list a few sites i visit when i feel the need for tweaking bootstrap -

  • Bootswatch - Welcome bootswatch.com. It has pre-made themes specifically for bootstrap. You can cook your own theme and preview it before you are ready to download that customized version of bootstrap for your site. I liked the site and would visit it regularly for quite some time. Go, give it a try.
  • Bootswatchr - Another place where you can change different variables in bootstrap (like color, font size etc.) and live preview the results of your changes is bootswatchr. Nice place to quickly view the impact of your choice and then make the final change in your own files.
  • BuiltWithBootstrap - The last one in my list of interesting sites for inspiration material on bootstrap is builtwithbootstrap. It showcases live sites which are built with bootstrap. Again nice place to visit when you are stuck for ideas.

Hope these sites are useful in your endeavor of making beautiful sites (or should i say “webapps”?).

Browse more posts

About me

Mukesh Soni

This is the personal blog of Mukesh Soni. I am a frontend engineer who's exhausted trying to keep up with the new technologies in the frontend world. I am good at JavaScript, HTML, CSS, React (ReactJS) and nodejs. I have been doing this stuff since 2011.

This blog was written in svelte, using svelte-kit, even though i write reactjs in my day job.

Follow me on Twitter Look at my open source work on github