Jan 30, 2015

How to Easily Add Custom CSS to Bootstrap with Examples

Posted by VP Tags: , , Be the first to comment!
add-custom-css-to-bootstrap-examples

Twitter Bootstrap has become one of the popular css frameworks on the web. Being a significant time-saver, several thousands of websites have been built using bootstrap framework. But most of the sites using bootstrap do very little to customize them, resulting in those websites looking similar to each other. On the contrary you could easily make your site to stand out from the crowd by using some premium bootstrap themes. So how those theme developers achieve this? Well! They don't stick to the defaults. If they could do it, then you can also do it by putting on some effort.

Jan 24, 2015

Twitter Bootstrap Carousel Tutorial with Examples and Customizations

Posted by VP Tags: , , Be the first to comment!
twitter-bootstrap-carousel-tutorial-example-code

Hi, this Twitter Bootstrap Carousel Tutorial will teach you How to Create an Image Slider using Bootstrap's Carousel Plug-in. Bootstrap Carousel is a lightweight component that's used to build a slide show cycling through multiple items like a carousel. These sliders are the great way to showcase the featured contents of your website mixing with images and texts. Let's see how to build a simple but effective carousel slider with images here.

Jan 22, 2015

Twitter Bootstrap Jumbotron Tutorial with Examples: Beginners Guide

Posted by VP Tags: , , Be the first to comment!
twitter-bootstrap-jumbotron-tutorial-background-image

Jumbotron is one of the best features of Twitter Bootstrap Framework and we'll see in this tutorial how to build bootstrap jumbotron with background images. It is a light weight component that can be used to showcase the featured content of websites. You can also add a compelling call-to-action to the component. All sorts of websites especially commerce sites can get beneficial by using bootstrap jumbotron unit in their landing pages, and make the user to take desired action.

Jan 21, 2015

Stylish Bootstrap Sidebar Menu

Posted by VP Tags: , , , Be the first to comment!
Bootstrap-Sidebar-Menu-Tutorial

Earlier in one of our tutorials we've discussed about Creating Bootstrap Horizontal Navbar. In this tutorial we'll see How to Create Bootstrap Sidebar Menu with Example. The Bootstrap Sidebar Menu or otherwise called as Bootstrap Vertical Navigation Menu is a list of menu items or links, stacked vertically. It can be placed left or right hand side of the website. Apart from the appearance, it is very similar to horizontal menu and is used to provide easy way of navigation through the website.

Jan 20, 2015

CodeIgniter Bootstrap: Delete Data from Database Tutorial

Posted by VP Tags: , , , , Be the first to comment!
codeigniter-delete-database-query-example

Over sometime I have been writing tutorials about codeigniter crud process like insert, update and fetch. This tutorial is the last part of the codeigniter crud series and it is about database delete in codeigniter and bootstrap frameworks. For the delete process, we are going to use codeigniter delete query which allows us to delete one or more records from database table.

Jan 12, 2015

How to Convert Data from MySQL to JSON using PHP

Posted by VP Tags: , , , Be the first to comment!
convert-php-mysql-to-json-format

In PHP, Converting Data from MySQL to JSON Format is one of the prominent tasks in Web Development. JSON has gained popularity over the years and is preferred over xml as data exchange format between web applications.

Jan 9, 2015

CodeIgniter and Bootstrap: Update Database from Form with Validations

Posted by VP Tags: , , , , Be the first to comment!
Bootstrap-CodeIgniter-Update-Database-Example

Using CodeIgniter Update Database Query will let you perform update operation on database. In the previous CodeIgniter Database Tutorial, I explained you How to Insert Data into Database using CodeIgniter and Bootstrap. This tutorial will demonstrates you about updating Database records in CodeIgniter.

Contact Form

Name

Email *

Message *