Bonjour,
Est is possible de faire fonctionner le bootstrap sans utiliser la version less du bootstrap twitter ?

3 réponses


Bonjour, bien sur, le fichier CSS et le fichier JavaScript sont totalement compatibles avec CakePHP. Tu peux même trouver des Helper afin de reproduire le markup HTML de Twitter Bootstrap.

sylvain
Auteur

merci pour ce tuyau. je voudrais savoir si les helpers sont d'origine ou il faudra les ajouter ?
j'aime pas trop ajouter du code que je n'aurais pas fait ou pas compris.

Tu peux tout à fait créer le markup avec les Helper par défaut mais ce ne sera pas optimal. Voici un exemple :

<?php echo $this->Form->create('Install', array(
                'url' => array(
                    'plugin' => 'install',
                    'controller'    => 'install',
                    'action' => 'connection'), 
                'inputDefaults' => array(
                    'label' => false,
                    'div' => array('class' => 'control-group'),
                    'error' => array(
                        'attributes'    => array(
                            'class' => 'help-inline',
                ))),
                'class' => 'form-horizontal'
            )); ?>

        <div class="control-group">
            <?php echo $this->Form->label('Install.host', __("Host"), array('class' => 'control-label')); ?>
            <div class="controls">
                <?php echo $this->Form->input('host', array('default' => 'localhost')); ?>
                <p class="help-block"><?php echo __("Host IP address"); ?></p>
            </div> <!-- .controls -->
        </div> <!-- .control-group -->
        <div class="control-group">
            <?php echo $this->Form->label('Install.login', __("Login"), array('class' => 'control-label')); ?>
            <div class="controls">
                <?php echo $this->Form->input('login', array('default' => 'root')); ?>
                <p class="help-block"><?php echo __("Database connection login"); ?></p>
            </div> <!-- .controls -->
        </div> <!-- .control-group -->
            <div class="form-actions">  
                <?php echo $this->Form->input(__("Connection"), array(
                    'type' => 'submit', 
                    'label' => false,
                    'class' => 'btn btn-primary')); ?>
            </div> <!-- .form-actions -->
        <?php echo $this->Form->end();?>

Ce code affiche un formulaire horizontal. Voici le même code avec un Helper :

<?php echo $this->Form->create('Install', array( 
            'class' => 'form-horizontal'
        )); ?>
        <!-- Host -->
            <?php echo $this->TB->input('host', array(
                'label' => "Host",
                'help_block' => "Host IP address"
            )); ?>
            <!-- Login -->
            <?php echo $this->TB->input('login', array(
                'label' => "Login",
                'help_block' => "Le login"
            )); ?>

        <?php echo $this->Form->input('id'); ?>
        <div class="form-actions">  
            <?php echo $this->Form->input(($action ? "Sauvegarder les modifications" : "Créer l'utilisateur") , array(
                'type' => 'submit', 
                'label' => false, 
                'class' => 'btn btn-primary',
                'div'   => array(
                    'style' => 'display:inline-block'))); ?>
            <?php echo $this->Html->link("Annuler", array('action' => 'index'), array('class' => 'btn'));?>
        </div> <!-- .form-actions -->
        <?php echo $this->Form->end();?>

On voit clairement que le deuxième est plus facile à mettre à jour.

[blockquote]j'aime pas trop ajouter du code que je n'aurais pas fait ou pas compris.[/blockquote]
Un bon développeur ne sait pas seulement bien coder, il doit être capable de comprendre et de travailler avec le code d'autres développeurs. De même, il doit être capable de créer du code compréhensible pour d'autres. Il y a un tas de personnes ayant créé de bons Helpers, il serait dommage de t'en priver. Si tu ne comprends pas, n'hésite surtout pas à demander au développeur de commenter son code!