When approaching the task of creating a new standard theme for AnswerHub we wanted to make sure we got one thing right -- Responsive Design. We wanted to provide a consistent experience for users throughout the platform, regardless of the device they're using.
Twitter's Bootstrap framework was incredible helpful for creating a responsive theme for the platform. If you're not familiar with Bootstrap, it's a "sleek, intuitive, and powerful front-end framework for faster and easier web development." While some people feel that Bootstrap is over-used on the web recently, we felt it was the perfect place to start building our theme.
There are also other great responsive frameworks out there to get you started on the right path towards your responsive website. Zurb Foundation 3 or 4 and Thumper are two very light, yet very powerful responsive frameworks.
As the global percentage of visitors using mobile devices continues to increase, responsive design is arguably more important than ever before. Soon, everyone will be viewing websites and web apps on a mobile device. So best to be prepared for the flood.
On that note, one of the greater challenges we faced while building AnswerHub.com was adapting to the Bootstrap framework. It's always nice to have some clean, simple style sheets that provide you with styles that can easily apply to your HTML. With this in mind we would highly recommend reading the documentation and gathering as much information about the framework you're thinking about using so you can choose the best fit for your site. Some frameworks like Foundation and Thumper offer less intrusive style sheets to allow you to maintain a fluid grid system while being able to fully customize the components of your site.