{"id":7442,"date":"2013-06-04T13:01:02","date_gmt":"2013-06-04T11:01:02","guid":{"rendered":"https:\/\/blog.trifork.com\/?p=7442"},"modified":"2013-06-04T13:01:02","modified_gmt":"2013-06-04T11:01:02","slug":"twitter-bootstrap-why-you-should-not-use-it","status":"publish","type":"post","link":"https:\/\/trifork.nl\/blog\/twitter-bootstrap-why-you-should-not-use-it\/","title":{"rendered":"Twitter Bootstrap, why you should *not* use it"},"content":{"rendered":"

We all know Twitter Bootstrap<\/a>, a great tool for quickly building “sleek and intuitive” web applications. But why are people actually choosing to use Twitter Bootstrap and why? And more importantly, why I think you should *not* use it (in most cases)!<\/p>\n

Disclaimer<\/b>: I am a frontend developer and wrote this blog entry from my point of view, so if you are a backend developer, take this with a pinch of salt and don’t be offended \ud83d\ude09<\/div>\n

You hear it all the time: “You should really use Twitter Bootstrap! It’s really good and easy to use”. Also, I notice that bootstrap enables backend developers to quickly set up a frontend using twitter bootstrap. And suddenly they have to admit that a little frontend development can actually be a lot of fun. However, typically things turn bad once the project progresses…<\/p>\n

So what can bootstrap do for you and what makes that people find it useful:<\/p>\n

    \n
  • Quickly create a layout (fixed, fluid and responsive)<\/li>\n
  • Quickly create a form<\/li>\n
  • Everything imediatly in the same style<\/li>\n
  • Reasonable grid system<\/li>\n
  • Tables<\/li>\n
  • Buttons<\/li>\n<\/ul>\n

    And there are many other useful things that bootstrap offers and allows you to add in no time. Just dive into it, it’s more than worth it…<\/p>\n

    When and what for should you use bootstrap?<\/h2>\n
      \n
    • A backend system without too much commercial purpose<\/li>\n
    • A website without fancy design<\/li>\n
    • Show (preliminary) functionality to a product owner during a project<\/li>\n<\/ul>\n

      So what remains and why should you *not* use bootstrap?<\/h2>\n

      You have to consider that most frontend developers get their thrill from translating a spiffy design to HTML\/CSS using client-side scripting when needed. They are typically good at just that thing using their own preferred tools and frameworks and typically less good at modifying existing code bases that they didn’t create from scratch.<\/p>\n

      So when better not?<\/h3>\n
        \n
      • When you are just interested in the grid layout, then there are better and more resource-friendly alternatives<\/li>\n
      • If you are only using one or two features, why not build them yourself? (why not reuse?)<\/li>\n
      • When dealing with a design of your own, you might end up removing bootstrap specifics or trying desperately to override them<\/li>\n<\/ul>\n

        To conclude, there are defintely reasons and scenarios where Twitter Bootstrap can be handy, but make sure that you don’t shoot yourself in the foot, because it might cause you more work in the long run. Especially when using bootstrap in a larger project, it might save you time in the beginning, but it might start to bother you and cost you greatly a little further down the road. In those cases, setting up your project correctly yourself from the beginning, is a more recommendable approach.<\/p>\n","protected":false},"excerpt":{"rendered":"

        We all know Twitter Bootstrap, a great tool for quickly building “sleek and intuitive” web applications. But why are people actually choosing to use Twitter Bootstrap and why? And more importantly, why I think you should *not* use it (in most cases)! Disclaimer: I am a frontend developer and wrote this blog entry from my […]<\/p>\n","protected":false},"author":14,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"categories":[78,10],"tags":[329,77,292,101,330],"class_list":["post-7442","post","type-post","status-publish","format-standard","hentry","category-frontend","category-development","tag-bootstrap","tag-css","tag-html5","tag-javascript","tag-twitter-bootstrap"],"acf":[],"yoast_head":"\nTwitter Bootstrap, why you should *not* use it - Trifork Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/trifork.nl\/blog\/twitter-bootstrap-why-you-should-not-use-it\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Twitter Bootstrap, why you should *not* use it - Trifork Blog\" \/>\n<meta property=\"og:description\" content=\"We all know Twitter Bootstrap, a great tool for quickly building “sleek and intuitive” web applications. But why are people actually choosing to use Twitter Bootstrap and why? And more importantly, why I think you should *not* use it (in most cases)! Disclaimer: I am a frontend developer and wrote this blog entry from my […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/trifork.nl\/blog\/twitter-bootstrap-why-you-should-not-use-it\/\" \/>\n<meta property=\"og:site_name\" content=\"Trifork Blog\" \/>\n<meta property=\"article:published_time\" content=\"2013-06-04T11:01:02+00:00\" \/>\n<meta name=\"author\" content=\"Allard Buijze\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Allard Buijze\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/trifork.nl\/blog\/twitter-bootstrap-why-you-should-not-use-it\/\",\"url\":\"https:\/\/trifork.nl\/blog\/twitter-bootstrap-why-you-should-not-use-it\/\",\"name\":\"Twitter Bootstrap, why you should *not* use it - Trifork Blog\",\"isPartOf\":{\"@id\":\"https:\/\/trifork.nl\/blog\/#website\"},\"datePublished\":\"2013-06-04T11:01:02+00:00\",\"author\":{\"@id\":\"https:\/\/trifork.nl\/blog\/#\/schema\/person\/a4e232a11dc57a2c4c581956ce6fde63\"},\"breadcrumb\":{\"@id\":\"https:\/\/trifork.nl\/blog\/twitter-bootstrap-why-you-should-not-use-it\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/trifork.nl\/blog\/twitter-bootstrap-why-you-should-not-use-it\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/trifork.nl\/blog\/twitter-bootstrap-why-you-should-not-use-it\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/trifork.nl\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Twitter Bootstrap, why you should *not* use it\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/trifork.nl\/blog\/#website\",\"url\":\"https:\/\/trifork.nl\/blog\/\",\"name\":\"Trifork Blog\",\"description\":\"Keep updated on the technical solutions Trifork is working on!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/trifork.nl\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/trifork.nl\/blog\/#\/schema\/person\/a4e232a11dc57a2c4c581956ce6fde63\",\"name\":\"Allard Buijze\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/trifork.nl\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3e7130b2465615e105b1addd400a3f06?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3e7130b2465615e105b1addd400a3f06?s=96&d=mm&r=g\",\"caption\":\"Allard Buijze\"},\"description\":\"Allard (@allardbz) is CTO of Trifork Amsterdam and founder of Axon Framework. He is a trainer and speaker at conferences on topics related to scalable architecture and domain driven design. He strongly believes that good craftsmanship can only be achieved through continuous and intensive exchange of experience with others. The last years, he has been investigating and applying CQRS to a number of projects. As a result, he created the Axon Framework, an open source Java framework that helps developers create scalable and extensible applications. Axon has a growing community and has already been successfully introduced in several high-profile projects around the world.\",\"url\":\"https:\/\/trifork.nl\/blog\/author\/allard\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Twitter Bootstrap, why you should *not* use it - Trifork Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/trifork.nl\/blog\/twitter-bootstrap-why-you-should-not-use-it\/","og_locale":"en_US","og_type":"article","og_title":"Twitter Bootstrap, why you should *not* use it - Trifork Blog","og_description":"We all know Twitter Bootstrap, a great tool for quickly building “sleek and intuitive” web applications. But why are people actually choosing to use Twitter Bootstrap and why? And more importantly, why I think you should *not* use it (in most cases)! Disclaimer: I am a frontend developer and wrote this blog entry from my […]","og_url":"https:\/\/trifork.nl\/blog\/twitter-bootstrap-why-you-should-not-use-it\/","og_site_name":"Trifork Blog","article_published_time":"2013-06-04T11:01:02+00:00","author":"Allard Buijze","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Allard Buijze","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/trifork.nl\/blog\/twitter-bootstrap-why-you-should-not-use-it\/","url":"https:\/\/trifork.nl\/blog\/twitter-bootstrap-why-you-should-not-use-it\/","name":"Twitter Bootstrap, why you should *not* use it - Trifork Blog","isPartOf":{"@id":"https:\/\/trifork.nl\/blog\/#website"},"datePublished":"2013-06-04T11:01:02+00:00","author":{"@id":"https:\/\/trifork.nl\/blog\/#\/schema\/person\/a4e232a11dc57a2c4c581956ce6fde63"},"breadcrumb":{"@id":"https:\/\/trifork.nl\/blog\/twitter-bootstrap-why-you-should-not-use-it\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/trifork.nl\/blog\/twitter-bootstrap-why-you-should-not-use-it\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/trifork.nl\/blog\/twitter-bootstrap-why-you-should-not-use-it\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/trifork.nl\/blog\/"},{"@type":"ListItem","position":2,"name":"Twitter Bootstrap, why you should *not* use it"}]},{"@type":"WebSite","@id":"https:\/\/trifork.nl\/blog\/#website","url":"https:\/\/trifork.nl\/blog\/","name":"Trifork Blog","description":"Keep updated on the technical solutions Trifork is working on!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/trifork.nl\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/trifork.nl\/blog\/#\/schema\/person\/a4e232a11dc57a2c4c581956ce6fde63","name":"Allard Buijze","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/trifork.nl\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3e7130b2465615e105b1addd400a3f06?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3e7130b2465615e105b1addd400a3f06?s=96&d=mm&r=g","caption":"Allard Buijze"},"description":"Allard (@allardbz) is CTO of Trifork Amsterdam and founder of Axon Framework. He is a trainer and speaker at conferences on topics related to scalable architecture and domain driven design. He strongly believes that good craftsmanship can only be achieved through continuous and intensive exchange of experience with others. The last years, he has been investigating and applying CQRS to a number of projects. As a result, he created the Axon Framework, an open source Java framework that helps developers create scalable and extensible applications. Axon has a growing community and has already been successfully introduced in several high-profile projects around the world.","url":"https:\/\/trifork.nl\/blog\/author\/allard\/"}]}},"_links":{"self":[{"href":"https:\/\/trifork.nl\/blog\/wp-json\/wp\/v2\/posts\/7442","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trifork.nl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/trifork.nl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/trifork.nl\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/trifork.nl\/blog\/wp-json\/wp\/v2\/comments?post=7442"}],"version-history":[{"count":0,"href":"https:\/\/trifork.nl\/blog\/wp-json\/wp\/v2\/posts\/7442\/revisions"}],"wp:attachment":[{"href":"https:\/\/trifork.nl\/blog\/wp-json\/wp\/v2\/media?parent=7442"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trifork.nl\/blog\/wp-json\/wp\/v2\/categories?post=7442"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trifork.nl\/blog\/wp-json\/wp\/v2\/tags?post=7442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}