ttskch/bs4-form-theme-adjuster-bundle

维护者

详细信息

github.com/ttskch/TtskchBs4FormThemeAdjusterBundle

源代码

问题

安装: 63

依赖者: 0

建议者: 0

安全性: 0

星标: 1

关注者: 3

分支: 0

开放问题: 0

语言:CSS

类型:symfony-bundle

dev-master 2018-11-09 04:32 UTC

Requires

MIT 38c2a4ccd057b90debec99d452d289f1ce344deb

symfonybootstrap4form theme

This package is not auto-updated.

Last update: 2024-09-10 07:31:42 UTC

README

Latest Stable Version Total Downloads

功能

  • 自动插入必需的标记（*）
  • 具有 checkbox-inline 类的复选框有适当的边距，单选按钮有 radio-inline 类
  • <select> 的柔和占位符
  • 更美观的提交按钮

要求

  • Symfony ^3.4|^4.0

安装

1. composer require

$ composer require ttskch/bs4-form-theme-adjuster-bundle:@dev

2. 在 symfony 中注册

// config/bundles.php
return [
    // ...
    Ttskch\Bs4FormThemeAdjusterBundle\TtskchBs4FormThemeAdjusterBundle:class => ['all' => true],
];

3. 配置

# config/packages/twig.yaml
twig:
    form_themes:
        - 'ttskch_bootstrap_4_layout.html.twig'
        - 'ttskch_bootstrap_4_horizontal_layout.html.twig'  # to be the default theme

4. 安装资源

$ bin/console assets:install --symlink public

5. 将资源添加到您的布局中

<script src="{{ asset('bundles/ttskchbs4formthemeadjuster/js/form.js') }}"></script>
<link href="{{ asset('bundles/ttskchbs4formthemeadjuster/css/form.css') }}" rel="stylesheet">

如果您使用 webpack（例如通过 symfony/webpack-encore），则可以像以下这样将资源添加到您的应用程序中。

Encore
    // ...
    .createSharedEntry('vendors', [
        'jquery',
        'bootstrap',
        'popper.js',
+       './public/bundles/ttskchbs4formthemeadjuster/js/form.js',
+       './public/bundles/ttskchbs4formthemeadjuster/scss/form.scss',
    ])
    // ...
;

参与其中

  1. 修改以下资源
    • Resources/views/Form/*.twig
    • Resources/public/js/form.js
    • Resources/public/scss/form.scss
  2. 使用 npm run build 构建 scss