In this installment of our Bootstrap 3 tutorial, we extend Bootstrap’s grid system and add thumbnails to easily display grids of images for our themes. (more…)
Top 20 Google Web Fonts and How to Use Them
As a web designer, you’re probably well aware of the importance of typeface. With the growing amount of businesses engaging in content marketing, font selection is becoming all the more crucial.
There’s nothing worse than coming across a website with awesome content and horrible typeface. One of your main goals as a designer is ensuring a positive experience for the end-user.
After the release of Google Web Fonts, it’s become a lot easier to incorporate beautiful typography into your websites. The only difficulty is sorting through the 600+ styles that are offered.
For this reason, we’ve put together our top 20 Google web fonts that are sure to bring out the best of your design. (more…)
Bootstrap Tutorial – Grid System (Video)
If you want to see the Bootstrap 4 tutorial, you can check out our new article about the Bootstrap 4 Grid System.
In the sixth installment of our Bootstrap 3 tutorial, we cover the Bootstrap grid system and how the responsive design works. (more…)
Bootstrap Tutorial – Font Awesome & Social Icons (Video)
If you want to see more examples and a complete tutorial, you can check out our new article about Bootstrap 4 Typography.
In this installment of our Bootstrap tutorial, we show you how to install Font Awesome and add social icons to your website’s footer.
Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. The font was designed from scratch to be fully compatible with Bootstrap 3.0.0. (more…)
Bootstrap Tutorial – Creating a Responsive Navbar (Video)
If you are using Bootstrap 4, you can check out our new article about the Bootstrap 4 Navbar.
In the second installment of our Bootstrap 3 tutorial, we build a responsive navbar with dropdown menus. On smaller mobile devices and tablets, the navbar collapses appropriately for optimal viewing. (more…)
Top 5 Reasons to use Bootstrap
If you are just starting to learn Bootstrap, we have created a series of tutorials called 14 Days of Bootstrap 4 that can help you.
Are you a web designer or developer who’s new to Bootstrap and front-end frameworks? Are you wondering what all the hype is about? Allow us to shed some light.
Over the last few years, Bootstrap has become an increasingly popular front-end development framework. More and more developers and designers continue to get on board. Evidently, there’s a reason for that.
The Bootstrap framework is feature rich and offers several benefits to those using it. We go over these benefits in the top 5 reasons to use Bootstrap. (more…)
How to Install Bootstrap
If you’re completely new to Bootstrap, the first thing you’re probably wondering is where to start. There’s no question that learning by doing is the way to go.
In order to achieve this, the first thing you need to do is install Bootstrap. In the video below, we go through the standard Bootstrap installation process in detail. If you follow along the rest of the written post, we also discuss different installation methods. (more…)