Tag: Bootstrap Page 1 of 2

Bootstrap Beginners LinkedIn Group

Bootstrap Beginners is where anyone, from novice to experts, can discuss anything – tutorials, code snippets, support – related to the Bootstrap front-end framework. Visit Group

How-to Center Align Bootstrap Nav Pills

In Twitter Bootstrap there are navigation (nav) pills and by default, it is left aligned.

Add Zebra-striping to Table Columns in Bootstrap

In Bootstrap, you can use striped rows, which means adding zebra-striping to any table row within the <tbody>.

Social Sharing Buttons with Bootstrap and Font Awesome

Social sharing buttons have become a very important part in websites today, as more and more people are going online and using online in a social way. Social sharing buttons are free to create and use, and an effective online marketing tool. This tutorial will show you how-to create social sharing buttons using the Twitter Bootstrap front-end framework and Font Awesome – which we’ll use to create the icons.

Add a Shadow Effect to Bootstrap Components

In Google’s Material Design Lite, you have the ability to add box shadows to components but in Twitter’s Bootstrap you aren’t able to. In this tutorial, I’m going to show you how-to add the same component shadow effect found in Material Design Lite to Bootstrap.

Bootstrap Jumbotron Background Cover Image

In Bootstrap, a jumbotron is a lightweight and flexible component to showcase key content on your website, web app or blog. By default, a jumbotron is light grey. You can change the colours but what if you wanted to use a background image. The background image should expand the full width and height of the jumbotron. How can you do this? This tutorial will show you.

Bootstrap 4 Outline Buttons

Bootstrap has announced the first alpha release of Bootstrap 4. Bootstrap 4 is built using Sass, instead of Less and comes with an improved grid, inverse table and…

Bootstrap 4 Table Inverse

Bootstrap has announced the first alpha release of Bootstrap 4. Bootstrap 4 is built using Sass, instead of Less and comes with an improved grid, outline buttons and…

Bootstrap 4 Cards

In my last few posts, I have highlighted a few new changes that are coming to Bootstrap: inverse tables and outline buttons. In this tutorial, I’m going to…

Material Design Bootstrap Buttons using Sass

In this tutorial, I’m going to show you how-to create Bootstrap buttons based on Material Design’s colour palette using Sass stylesheet language.Example of what we will create: See…

Bootstrap Navigation for Ghost

In Ghost version 0.5.9, a navigation feature was introduced. The navigation feature allows you to set a navigation through the Ghost admin interface; no need to code the…

Gradient Outline Button for Bootstrap

In a previous tutorial, I showed you how-to create outline buttons using Bootstrap. In this tutorial, I’m going to you how-to create an like-effect, but make the button…

Twitter Bootstrap Button using Sass and Font Awesome

In this tutorial I’m going to show you how-to create a Twitter button for the Bootstrap front-end framework using Sass and Font Awesome.##The Final Result This is what…

How-to Create Outline Buttons using Bootstrap

In this tutorial I’m going to show you how-to create outline buttons using the Twitter Bootstrap front-end framework. Example This is an example of what the buttons will…

Display WordPress Post Tags as Twitter Bootstrap Labels

WordPress allows you to assign tags to posts. Think of tags like keywords (interests or topics) that are within a category.By default, tags are not displayed beautifully. You…