This post is going to be a short one. I wanted to stick to my goal of posting at least once a week, though.
It’s probably good that I learned how to do basic front end layout things the hard way first, but Bootstrap has made it a lot easier to accomplish the design I have in my head.
I’ll illustrate what I’m talking about with the header of my Louisville Triple Crown of Running site. Here’s the original header, created completely from scratch:
Pretty clunky, eh? Technically, it met all my project requirements. It was responsive and the mobile version had a dropdown menu. But it was ugly and it took a lot of code to create that ugliness.
So here’s the Bootstrap version of both layouts:
If you’re looking closely, I’m sure you’ll notice that some of the content has changed. I’ll get to that in another post. My point for now is to show how I was able to create a better looking thing using a tool that’s now available to me. I’m looking forward to seeing what else I can do with this one.