https://github.com/xcy7e/codeigniter4bootstrap
Codeigniter with Bootstrap & jQuery. A blueprint for new Web-Applications.
https://github.com/xcy7e/codeigniter4bootstrap
blueprint bootstrap5 codeigniter4 draft jquery model mvc-framework php webapplication webdevelopment
Last synced: about 2 months ago
JSON representation
Codeigniter with Bootstrap & jQuery. A blueprint for new Web-Applications.
- Host: GitHub
- URL: https://github.com/xcy7e/codeigniter4bootstrap
- Owner: xcy7e
- License: mit
- Created: 2021-06-12T18:04:58.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-06-14T20:49:19.000Z (over 4 years ago)
- Last Synced: 2025-07-30T19:38:32.426Z (2 months ago)
- Topics: blueprint, bootstrap5, codeigniter4, draft, jquery, model, mvc-framework, php, webapplication, webdevelopment
- Language: PHP
- Homepage:
- Size: 9.64 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
:beginner: CodeIgniter4Bootstrap
Blueprint for new PHP Web-Applications bundled with popular frameworks!
Pre-configured to start coding your actual project right away.
### :diamond_shape_with_a_dot_inside: `Codeigniter 4`
##### :heavy_plus_sign: `Bootstrap` `jQuery` `Font-Awesome` `Chart.js` `Datatables` `jQuery-Easing` `jQuery-UI`
###### Bundled with many Bootstrap templates!
Properly prepared with all files you need to start coding the concept you got in mind and save you time you might otherwise waste on that initial overhead bringing together the frameworks you love.
---------
## Bootstrap Templates
[Bootstrap example templates:](https://getbootstrap.com/docs/5.0/examples/)
`Album` `Pricing` `Checkout` `Product` `Cover` `Carousel` `Blog` `Dashboard` `Sign-In` `Sticky-Footer` `Sticky-Footer-Nav` `Jumbotron`
[Free templates:](https://startbootstrap.com/)
`SB Admin 2` `Resume`
How to use
## 1. Choose template
### BaseController
```c
public $bootstrapTemplate = 'signin'; // set default bootstrap template
```
> or in any controller
```c
$this->bootstrapTemplate = 'dashboard'; // change template on-the-fly
```
## 2. Folder structure
**PHP files:**
> Template chunks
```lex
app/Views/templates/_TEMPL_/head.php //
app/Views/templates/_TEMPL_/sidebar.php // sidebar (optional)
app/Views/templates/_TEMPL_/nav.php // header (optional)
app/Views/templates/_TEMPL_/main.php // content (optional)
app/Views/templates/_TEMPL_/footer.php //
```
**CSS- & JS files:**
> template scripts
```lex
public/assets/templates/_TEMPL_/css/style._TEMPL_.css // template CSS-file
public/assets/templates/_TEMPL_/js/script._TEMPL_.js // template JS-file
```
> global scripts
```lex
public/assets/css/style.css // global CSS-file
public/assets/js/script.js // global JS-file
```
## 3. Individual Navigation
Some templates have their own navigation. You can override the default navigation or change it for a specific view on-the-fly.
### BaseController
```c
public $bootstrapNav = 'top_static'; // change default navigation
```
> or in any controller
```c
$this->bootstrapNav = 'top_static'; // change navigation on-the-fly
```
> this includes the navigation section
```lex
app/Views/sections/navigation/nav_top_static.php // add nav_NAVNAME.php to add your own individual navigation
```
You can easily add your own individual navigation following this rules.
If you add your own nav you can specify if it uses additional CSS or JS:
### BaseController
```c
public $bootstrapNavScripts["NAVNAME"] = ['css','js']; // your nav uses css and js
```
> .. then this scripts are added automatically in your template: ``
```lex
public/assets/sections/navigation/css/nav_NAVNAME.css
public/assets/sections/navigation/js/nav_NAVNAME.js
```