Für die Nutzung des beliebten CSS Frameworks Bootstrap steht ein entsprechendes Bibliotheks-Modul zum Download bereit.
Die Einbindung in Templates und/oder Module erfolgt am einfachsten über die Dateien headers.inc.php
und footers.inc.php
.
$mod_headers = array( 'backend' => array( 'meta' => array( array( 'charset' => (defined('DEFAULT_CHARSET') ? DEFAULT_CHARSET : "utf-8") ), array( 'http-equiv' => 'X-UA-Compatible', 'content' => 'IE=edge' ), array( 'name' => 'viewport', 'content' => 'width=device-width, initial-scale=1' ), ), 'css' => array( array('file'=>'modules/lib_bootstrap/vendor/css/bootstrap.min.css',), array('file'=>'modules/lib_bootstrap/vendor/css/bootstrap-editable.css',), array('file'=>'modules/lib_bootstrap/vendor/css/fuelux.min.css',), array('file'=>'modules/lib_bootstrap/vendor/css/font-awesome.min.css',), ), 'jquery' => array( array( 'core' => true, 'ui' => true, 'plugins' => array(), ) ), ) );
Die Komponenten X-Editable, Fuel UX und Font Awesome sind natürlich optional! Ebenso die JQuery UI. Der JQuery Core muß aber geladen werden.
Bootstrap - bzw. die JavaScript Komponenten - sollte im Footer geladen werden. Auch hier sind X-Editable und Fuel UX optional.
$mod_footers = array( 'backend' => array( 'js' => array( '/modules/lib_bootstrap/vendor/js/bootstrap.min.js', '/modules/lib_bootstrap/vendor/js/bootstrap-editable.min.js', '/modules/lib_bootstrap/vendor/js/fuelux.min.js', ) ) );