Giter Site home page Giter Site logo

cakephp-bootstrap's Introduction

cakephp-bootstrap

Twitter Bootstrap for CakePHP

Installation

composer require fm-labs/cakephp-bootstrap

Version Info

Version Supported Bootstrap Versions Default Bootstrap version
<= 0.6.x Bootstrap v3 v3
>= 0.7.x Bootstrap v3/v4/v5 v5

Usage

First, load and enable the plugin.

// In Application' bootstrap method, add:
$this->addPlugin('Bootstrap')

Use the \Bootstrap\View\Helper\BootstrapHelper to load bootstrap assets:

In templates

// E.g. at the top of your (layout) template file:
$this->loadHelper('Bootstrap.Bootstrap');   // bootstrap 5.x (via CDN)
//$this->loadHelper('Bootstrap.Bootstrap4'); // bootstrap 4.x (via CDN)
//$this->loadHelper('Bootstrap.Bootstrap3'); // bootstrap 3.x (from plugin webroot)

Application-wide

// E.g. in your AppController

class AppController extends \Cake\Controller\Controller {

    public function initialize(){
        //...
        $this->viewBuilder()->loadHelper('Bootstrap.Bootstrap')
    }
}

View Helpers

Helper Description
Bootstrap Alias for Bootstrap5 helper. Lazy-loading of other Bootstrap helpers.
Bootstrap3 Load bootstrap v3 plugin assets
Bootstrap4 Load bootstrap v4 plugin assets
Bootstrap5 Load bootstrap v5 plugin assets
Badge Render Badge components
Button Render Button components
Dropdown Render Dropdown components
Icon Render bootstrap icons
Label Render Label compoments. Deprecated: Use BadgeHelper instead
Navbar Render Bavbar components
Nav Render Nav components
Panel Render Panel components (custom)
Tabs Render Tab components
Ui Wrapper for common UI components. Deprecated: Use BootstrapHelper instead.
Accordion @TODO
Alerts @TODO
Breadcrumbs @TODO
Card @TODO
Carousel @TODO
Collapse @TODO
Modal @TODO
Offcanvas @TODO
Pagination @TODO
Placeholders @TODO
Popovers @TODO
Progress @TODO
Scrollspy @TODO
Spinners @TODO
Toasts @TODO
Tooltips @TODO
Typography @TODO
Tables @TODO
BS Helpers / Utilities @TODO
BS Layout @TODO Container/Grid
@TODO

Form Widgets

Widget Description
Button Submit button widget
Datalist Datalist widget
Hidden Hidden input widget
Textarea Textarea input widget

cakephp-bootstrap's People

Contributors

fm-labs avatar

Watchers

 avatar  avatar

Forkers

onurbul

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.