CodeIgniter is the simplest and light PHP framework which lets you create robust web applications in no time. Using Twitter Bootstrap with CodeIgniter saves the hassle of writing CSS Stylesheets for your app and lets you focus on development. Later you can customize bootstrap styles to suit your need. That is the best part of using MVC pattern as the presentation (view) is separate, you can change the look and feel of the app anytime without disturbing the rest of it. kodingmadesimple.com have good Twitter Bootstrap Tutorials about customizing Bootstrap3 and I strongly recommend you to go through these tutorials.
It's a good practice to add breadcrumbs to websites/blogs to enhance the users to find their way around. Also it indicates user’s location (page) and hierarchy of the page within a website. Twitter bootstrap3 comes with built-in CSS component for adding breadcrumbs. I'll show you how to add and customize the default breadcrumbs of bootstrap as per your requirement.
Using the jQuery addClass() and removeClass() methods, we can dynamically add/remove css class(es) of an HTML element. The addClass method does not replace any existing classes but appends to them. The removeClass method removes the css classes of an element if exists. To add/remove more than one class at a time separate them with a space.
Exploring new styles of CSS Buttons is always a fun. One of my earlier tutorial discussed a method of Creating Round Social Media Icons using CSS without any images. This time I have come up with leather style buttons with stitches running around the edges of the button.
We'll see how to integrate Twitter Bootstrap 3 UI with CodeIgniter Framework . I'm going to assume you are individually acquainted with CodeIgniter and Bootstrap frameworks, so in this tutorial just shows you how to integrate Bootstrap with CodeIgniter so you can enhance the appearance of your CI application.
Enable/Disable group of HTML elements is fairly simple with jQuery. Any single element can be enabled/disabled via it's DOM property
disabled. But how to do it in group? The idea is to wrap all the elements meant to be grouped in a
<div> container and call jQuery's
:input selector to select all the child elements of the container and set it's