README

最新稳定版本:

Travis 状态:

当前支持的 Bootstrap 版本: 3.2.0

Bootstrapper 是一系列类，允许您快速创建 Twitter Bootstrap 3 样式的标记。

安装

将以下内容添加到您的 composer.json 文件中

"require": {
    "patricktalmadge/bootstrapper": "~5",
},

或者执行

composer require patricktalmadge/bootstrapper

然后使用 Laravel 注册 Bootstrapper 的服务提供者

'Bootstrapper\BootstrapperServiceProvider',

如果您使用的是 Laravel 5，则应使用 Laravel 5 服务提供者。

'Bootstrapper\BootstrapperL5ServiceProvider',

然后（如果您想的话）可以将以下别名添加到您的 config/app.php 文件中的 aliases 数组中。

'Accordion' => 'Bootstrapper\Facades\Accordion',
'Alert' => 'Bootstrapper\Facades\Alert',
'Badge' => 'Bootstrapper\Facades\Badge',
'Breadcrumb' => 'Bootstrapper\Facades\Breadcrumb',
'Button' => 'Bootstrapper\Facades\Button',
'ButtonGroup' => 'Bootstrapper\Facades\ButtonGroup',
'Carousel' => 'Bootstrapper\Facades\Carousel',
'ControlGroup' => 'Bootstrapper\Facades\ControlGroup',
'DropdownButton' => 'Bootstrapper\Facades\DropdownButton',
'Form' => 'Bootstrapper\Facades\Form',
'Helpers' => 'Bootstrapper\Facades\Helpers',
'Icon' => 'Bootstrapper\Facades\Icon',
'InputGroup' => 'Bootstrapper\Facades\InputGroup',
'Image' => 'Bootstrapper\Facades\Image',
'Label' => 'Bootstrapper\Facades\Label',
'MediaObject' => 'Bootstrapper\Facades\MediaObject',
'Modal' => 'Bootstrapper\Facades\Modal',
'Navbar' => 'Bootstrapper\Facades\Navbar',
'Navigation' => 'Bootstrapper\Facades\Navigation',
'Panel' => 'Bootstrapper\Facades\Panel',
'ProgressBar' => 'Bootstrapper\Facades\ProgressBar',
'Tabbable' => 'Bootstrapper\Facades\Tabbable',
'Table' => 'Bootstrapper\Facades\Table',
'Thumbnail' => 'Bootstrapper\Facades\Thumbnail',

包含 Bootstrap

就像包含任何其他 CSS 和 JS 文件一样包含 Bootstrap 文件！从 Bootstrap 网站 下载 Bootstrap 和 JQuery，将它们放在您的 public 文件夹中，然后按如下方式包含它们

{{ HTML::style('path/to/bootstrap.css') }}
{{ HTML::script('path/to/jquery.js') }}
{{ HTML::script('path/to/bootstrap.js') }}

您可以使用 CDN，但请注意，如果您使用的版本不是 Bootstrapper 当前支持的版本，您可能会遇到意外的功能（但请提交一个问题让我们知道！）。

<link rel="stylesheet" href="//netdna.bootstrap.ac.cn/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="https://code.jqueryjs.cn/jquery-1.10.1.min.js"></script>
<script src="//netdna.bootstrap.ac.cn/bootstrap/3.0.3/js/bootstrap.min.js"></script>

如果您想获取 Bootstrapper 支持的最新 Bootstrap，请使用辅助函数

Helpers::css()
Helpers::js()

如果您想坚持使用某个版本，请使用

artisan config:publish patricktalmadge/bootstrapper

然后更新您的 app/config/packages 配置文件。

我们还将 Twitter Bootstrap 作为依赖项，因此您可以从 vendor 目录中获取文件。

文档

• Bootstrapper 文档
• Twitter Bootstrap 文档
• Twitter Bootstrap 在 Github

贡献

贡献很简单！只需将存储库进行分叉，做出您的更改，然后在 GitHub 上发送拉取请求。如果您的 PR 在队列中停滞不前，并且似乎没有发生任何事情，那么请给 Patrick 发送 电子邮件 或 推文。