Bootstrap vs. create-your-own for responsive design
Background for my question: I work at a Fortune 500 company and we are getting ready to do our first responsive design site. It is a portal site that will be aggregating content/applications from across our organizations. Our company has been using a fluid layout for years on its various sites. We have extensive style sheets for basic typography and various HTML elements plus style sheets for various components (i.e. tabs, expandable panels). Each our of sites has its own branding style sheets that them provide the unique look/feel based on the company's brand and marketing requirements. We have experienced front-end developers who has been managing the CSS for content/applications across multiple platforms (CMS, J2EE applications) and multiple web sites for over 10 years. When you look at our sites - we are set-up completely for doing responsive design - except for the media queries.
Problem: We have some developers at the company who believe that Bootstrap is the answer and the best choice because “it can do it all and in less time” than a front-end developer can code the CSS/HTML. We have been debating whether you can really take Bootstrap out of the box and create the complicated designs/navigation of an enterprise site we require. From looking at their style sheet base - we would need to override many of the basic styles to meet the branding requirements for the company.
Question: Is Bootstrap really an enterprise solution? Given that we already have most of the components that Bootstrap has (reset, basic styling, components, grid) and we would be adapting our styles, why use it? Does it really save time creating a site that has to meet specific branding for look/feel? To make the site truly meet the company’s brand (typography, colors, ui components, navigation), wouldn’t a person have to spend time overriding Bootstrap’s styles?
Looking forward to hearing if other Fortune 250 companies are using Bootstrap to manage their sites.
-Responsive cat herder