INTEGRATE BOOTSTRAP WITH PHP CODEIGNITER FRAMEWORK

This tutorial is about the technique of combining the power of two robust frameworks, PHP CodeIgniter MVC framework and Twitter Bootstrap.You need to properly integrate twitter bootstrap  with CodeIgniter framework for it to work properly. 

So this tutorial will show you how to integrate Bootstrap with CodeIgniter to enhance the appearance of your CodeIgniter application.

Download the latest versions of the frameworks from the links given below.


Steps for integration of CodeIgniter framework with bootstrap

STEP-1:

Download and extract the PHP CodeIgniter Framework  zip file from the above link to your Local Server.Rename it with your application name. Inside create a folder named "assets" to keep all your bootstrap files. CodeIgnitor folder structure must be  similar to the below image.
Codeignitor file Structure

 STEP-2: 

Extract all the files of bootstrap and move the css, js and fonts folder of Bootstrap to the "assets" folder that we have created in STEP-1.
Bootstrap file structure

 STEP-3: 

Bootstrap's JavaScript plugins need JQuery library file to work properly.So, move the downloaded JQuery file to 'assests/js' folder of CodeIgniter.
Finally, we have all got all the files required to run CodeIgnitor with bootstrap in place. we must need to include the bootstrap ".css" and ".js" files to CodeIgnitor views file view files that lies inside the views folder.
js file structure
Copy the below line and add just above the </head> tag in the CodeIgnitor view file to include the bootstrap CSS file.

<link rel="stylesheet" href= "<?php echo base_url(" assets/css/bootstrap.css"); ?>" />

To add JavaScript files in CodeIgniter,we should add the below code in CodeIgniter views file just before the </body> tag.

<script type="text/javascript" src="<?php echo base_url("assets/js/jquery.min.js"); ?>"></script>
<script type="text/javascript" src="<?php echo base_url("assets/js/bootstrap.js"); ?>"></script>

We keep on updating such tutorials. 

For more such tutorials like our Facebook page. 


Comments

  1. Zinavo-Web Design | Web Development | SEO | Mobile Apps | ERP/CRMSeptember 2, 2019 at 4:09 PM

    Your blog provided us with valuable information to work with. Thanks a lot for sharing. Keep blogging. Web Development Company in Bangalore | Website Designing Companies in Bangalore | Web Design Services in Bangalore | Web Designing Companies in Bangalore

    ReplyDelete
  2. Software Development CompanyDecember 29, 2020 at 4:58 PM

    This is a great blog.
    Being a PHP developer I prefer to use Codeigniter framework for web development.
    We have experts here at Darkbears who can help you in integration. But still if anyone of you facing any problem then contact darkbears and hire codeigniter developer.

    ReplyDelete
  3. isikegemenFebruary 24, 2021 at 1:28 AM

    programmingtutorialsscript.blogspot.com

    ReplyDelete

Post a Comment

Popular posts from this blog

CodeIgnitor installing guide

Image
Step 1: Downloading CodeIgnitor MVC Framework To install CodeIgnitor MVC Framework, first download the CodeIgnitor zip file of  from  http://www.codeigniter.com/  . Step 2: Installing CodeIgnitor Unzip the CodeIgnitor  zip compressed file  downloaded from http://www.codeigniter.com/ and rename the name of this folder to the application name of your project. Now move the folder inside your local server.  Incase of WAMPP, move this folder inside the www folder of your localhost. Incase of XAMP, move this folder inside the htdocs folder of your localhost. The basic file structure of CodeIgnitor application is as follows. Step 3:Configuring CodeIgnitor Before starting the CodeIgnitor application, you need to configure certain configuration. You need to step up right base url of the application. To setup base_url of the application, open  system/application/config/ c...
Read more

Selecting data from database in CodeIgnitor

Image
PHP and CodeIgnitor SQL queries allow us to  retrieve, insert and update data and information in your database. CodeIgnitor uses Active record database pattern. The values are escaped automatically by the system so it helps to produce the   safer queries . SQL queries in CodeIgnitor helps in retrieval of  data from database. The following SQL query functions allow you to build SQL  SELECT  statements. 1.1 $this->db->get(); This SQL Query is used to retrieve all the records from database. $query = $this->db->get('tableName'); // It produces SELECT * FROM table_name statement The second and third parameters in SQL query enable you to set a limit and offset clause: $query = $this->db->get('tableName', 20, 30); // Produces: SELECT * FROM tableName LIMIT 30, 20 (in MySQL.  Above SQL Query is assigned to a variable named $query, which can be used to show the results: $query = $this->db-...
Read more