For bootstrap 2.x use branch v2.x
To see the bundle and its capabilities online just have a look on MopaBootstrapBundle Live
- MopaBootstrapBundle - Easy integration of twitters bootstrap into symfony2
- MopaBootstrapSandboxBundle - Separate live docs from code
- symfony-bootstrap-sandbox is also available
MopaBootstrapSandboxBundle is a demo case howto use the MopaBootstrapBundle.
To use this in any of your projects (e.g. to make changes in MopaBootstrapBundle and see if it affects the Sandbox)
For detailed installation instructions also have a look into MopaBoostrapBundle Documentation
just add this to your composer.json:
{
"require": {
"mopa/bootstrap-sandbox-bundle": "dev-master"
}
}
and add to your AppKernel:
// ...
new Mopa\Bundle\BootstrapSandboxBundle\MopaBootstrapSandboxBundle(),
new Liip\ThemeBundle\LiipThemeBundle(),
new Knp\Bundle\MenuBundle\KnpMenuBundle(),
// ...
if you are using sf 2.0.x have a look into the README of the v2.0.x branch:
https://github.com/phiamo/MopaBootstrapSandboxBundle/tree/v2.0.x
run
composer.phar update # --dev if you added it to require-dev
If you are not using the https://github.com/phiamo/symfony-bootstrap-sandbox You have to configure your project a little bit further.
For this to work its required to have less installed:
config.yml:
# import example configs
imports:
- { resource: @MopaBootstrapSandboxBundle/Resources/config/themes.yml }
- { resource: @MopaBootstrapSandboxBundle/Resources/config/examples/example_menu.yml }
# Assetic Configuration
assetic:
filters:
less:
node: /usr/bin/node
node_paths: [/opt/lessc/lib, /usr/lib/node_modules]
apply_to: "\.less$"
routing.yml:
MopaBootstrapSandbox:
resource: "@MopaBootstrapSandboxBundle/Resources/config/routing.yml"
this imports the routes to be abled to access it in your browser via: