emiliolodigiani/laravel-bs3

Bootstrap 3 视图部分对 Laravel 5.x 的支持

v1.0.1 2018-01-03 13:51 UTC

This package is not auto-updated.

Last update: 2024-09-20 07:34:05 UTC


README

Latest Version on Packagist Build Status Total Downloads

用于添加预置 Twitter Bootstrap 3 视图部分的包,例如表单、表单输入、面板、按钮等。

该包主要面向内部使用,尚未完全文档化。

安装

您可以通过 composer 安装此包

composer require emiliolodigiani/laravel-bs3

使用方法

在 blade 模板中

返回按钮

@include('bs3::button.backButton')
@include('bs3::button.backButton', ['href' => 'SOMEURL', 'text' => 'Back', 'icon' => 'chevron-left'])

默认返回到上一页的 URL。图标默认为 chevron-left(Font Awesome)。

面板

简单面板

@component('bs3::component.panel', ['title' => 'Panel Title'])
    <p>Panel content.</p>
@endcomponent

功能齐全的面板

<div class="row">
    @component('bs3::component.panel', [
        'grid' => 'col-md-6', {{-- Optional --}}
        'type' => 'success', {{-- Optional: (default) | success | warning | danger | info --}}
        'title' => 'Panel Heading', {{-- Optional --}}
        'titleIcon' => 'user' {{-- Optional, generates a Font Awesome fa-user icon --}}

    ])
        <p>Panel content, optional.</p>

        @slot('table') {{-- Optional --}}
            <table class="table table-hover">
                ... 
            </table>
        @endslot
        @slot('footer') {{-- Optional --}}
            <p>Panel footer.</p>
        @endslot
    @endcomponent
    
    ... other panels ...
</div>

在 PhpStorm 中完成

在 PhpStorm 设置中,转到 语言 & 框架 > PHP > Laravel > 视图 / 模板,添加以下新设置

  • 项目路径: vendor/emiliolodigiani/laravel-bs3/resources/views
  • 命名空间: bs3

测试

phpunit

composer test

变更日志

请参阅变更日志以获取更多最近更改的信息。

贡献

请参阅贡献以获取详细信息。

安全

如果您发现任何安全相关的问题,请通过电子邮件emiliolodigiani@gmail.com联系,而不是使用问题跟踪器。

致谢

许可证

MIT 许可证(MIT)。请参阅许可证文件以获取更多信息。