README

此包为Bootstrap 3提供无侵入式支持。这里的“无侵入式”意味着除非您明确指示，否则它不会强制应用某些特定的样式。例如，默认情况下，表单采用Bootstrap的默认布局——不是水平布局或其他布局。

安装

该包假定您以任何您喜欢的手段安装Bootstrap，无论是通过Composer包还是通过Bower。

要安装该包，请将以下内容添加到您的composer.json文件中

{
    "require": {
        "elnur/bootstrap-bundle": "~0.1"
    }
}

并告诉Composer安装该包

$ php composer.phar update elnur/bootstrap-bundle

然后通过在您的AppKernel.php文件中添加以下内容来启用该包

public function registerBundles()
{
    $bundles = array(
        // ...
        new Elnur\Bundle\BootstrapBundle\ElnurBootstrapBundle,
    );

    // ...
}

表单

要渲染具有默认Bootstrap布局的表单，只需执行以下操作

{{ form(form) }}

如果您想使用另一种布局——例如水平布局——请明确说明

{{ form(form, {layout: 'horizontal'}) }}

支持以下布局

default,
horizontal,
inline 和
navbar.

按钮

上下文

要设置按钮的上下文，请使用context选项

$builder->add('submit', 'submit', array(
    'context' => 'primary',
));

Bootstrap提供了以下上下文

default,
primary,
success,
info,
warning,
danger 和
link.

输入组

要为输入添加前置或后置文本补充，请分别使用prepend和append选项

$builder->add('price', 'integer', array(
    'prepend' => '$',
    'append' => '.00',
));

将标签转换为占位符

如果您想将标签转换为占位符，请将labels_to_placeholders选项设置为true

{{ form(form, {labels_to_placeholders: true}) }}

闪存消息

要渲染闪存消息，只需将以下内容添加到您的布局模板中

{% include 'ElnurBootstrapBundle::flash.html.twig' %}

elnur / bootstrap-bundle

维护者

详细信息

README

安装

表单

按钮

上下文

输入组

将标签转换为占位符

闪存消息