====== Bootstrap ======

Für die Nutzung des beliebten CSS Frameworks Bootstrap steht ein entsprechendes Bibliotheks-Modul zum [[http://blackcat-cms.org/page/add-ons/originaladdons.php?do=item&item=96|Download]] bereit.

Die Einbindung in Templates und/oder Module erfolgt am einfachsten über die Dateien ''headers.inc.php'' und ''footers.inc.php''.

===== headers.inc.php =====

<sxh 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(),
            )
        ),
    )
);
</sxh>

<WRAP center round info 100%>
Die Komponenten [[https://vitalets.github.io/x-editable/|X-Editable]], [[http://getfuelux.com/index.html|Fuel UX]] und [[http://fontawesome.io|Font Awesome]] sind natürlich optional! Ebenso die JQuery UI. Der JQuery Core muß aber geladen werden.
</WRAP>

===== footers.inc.php =====

Bootstrap - bzw. die JavaScript Komponenten - sollte im Footer geladen werden. Auch hier sind X-Editable und Fuel UX optional.

<sxh php>
$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',
        )
    )
);
</sxh>