Bootstrap Blog

How to Build a Website with Bootstrap

Introduction

Bootstrap is a fantastic tool released by Twitter to help people design websites. Initially, it was just something that they’d built for themselves internally, however, they decided to release it to the public to help out other web designers, and so far, it’s been a huge hit. It’s made web design easier and faster, allowing coders to get a really nice mobile-ready site up very quickly.

It’s not a Content Management System (CMS) like WordPress, and in order to use it, you should be able to do some coding (unlike with CMS’s like WP, where no coding is required) but, so long as you have SOME technical ability, Bootstrap is, on the whole, a fantastic tool. It’s also become exceedingly popular as well, being the #1 most used HTML, CSS, and JavaScript Framework for mobile friendly (responsive) websites. I’ve talked about it before, but now I want to get more into the meat and potatoes of how to actually use it.

Getting Started

First, before you can get a site going using Bootstrap, you’re going to need to get hosting. There are a lot of different hosts out there to choose from, but if you know me, then you know I like BlueHost because in my humble opinion, there’s simply no better host out there, period. I’m currently hosting most of my sites with BlueHost, and I’ve never had any problems with them.

I’ve been hosting my sites with them for over 7 years now, and not only do they handle all of my traffic effortlessly, they also rarely (if ever) go down, and, if I need to speak with them for any reason, they’re quick to help me out as well… their customer service is just fantastic. So again, if you’re in need of hosting, then I’d highly recommend you give BlueHost a try. If you do, I can almost guarantee you’ll never think of switching to another host for as you have your sites up.

So, once you have a hosting account and domain name (both of which you can get from BlueHost, not just the hosting) then it’s time to get Bootstrap. Now, if you go to Bootstrap.com, you’ll find yourself on a generic “coming soon” site, which has absolutely nothing to do with the desired Bootstrap framework, so, in order to GET Bootstrap, we have to go www.getbootstrap.com. You’ll see that (at the time of this writing) it’s a relatively simple site, which has a general description at the top, and underneath that, there’s a big “Download Bootstrap” button. You’re going to want to click on that, and you’ll be redirected to a page which has a few different downloading options.

You’re going to see “Bootstrap”, “Source Code”, and “Sass”. Unless you’re very tech-savvy and know what you’re doing, you’re going to want to go with the “Bootstrap” option. If you choose “Source Code”, you’re going to need a Less compiler, and on top of that, some setup will be required. Unless you’re going to be using Sass, you can safely ignore that option as well.

Once you know which type of download is best for you (again, I recommend the Bootstrap option) then it’s time to start building out your site. Bootstrap is a bit more technical than CMS’s (which I’ve covered before), so the full design of a Bootstrap website is beyond the scope of this article, but you can click here for a fantastic Bootstrap tutorial for beginners, which will give you everything which you need to get your Bootstrap site up and running.

I hope you’ve enjoyed my quick tutorial on how to build a website with Bootstrap. Good Luck with creating your new Bootstrap website!

  • Bootstrap Web Hosting
  • Disclosure: I may receive compensation from BlueHost if you buy hosting from them. This however doesn't influence my review, as I have tested BlueHost personally.