본문 바로가기

Creation/Design

Bootstrap Customize - Boost your bootstrap

  Yeah, Bootstrap is a big library. It's useful and powerful, but its loading time is a dilemma. It is inevitable because it includes many features. Fortunately, Bootstrap gives you a choice. Less default of bootstrap. It is great and very powerful function.


  For me, there is a very big change.

  


  Focus on the size of files. 


Default bootstrap.min.css: 101KB

Customized bootstrap.min.custom.css: 66KB (almost 60% of the original file)


Default bootstrap.min.js: 28KB

Customized bootstrap.min.custom.js: 3KB (1/9 of the original file!)



 Definitely, less file size drives less loading time. It's important. So, How can you customize your bootstrap?





  Off the check what you don't need. Many of them don't need for me or you. If you don't certain what you need, check out the page of CSS or Component page.


And after finish your job, you can find download button from the bottom of the page.


  This button gives you 'bootstrap.zip' file. After downloading, unzip and enjoy :)



+ Bug report

  Navigation bar(navbar) doesn't collapse when using this solution.