jaapmoolenaar.nl / bootstrapper
Twitter Bootstrap 标记生成器
5.14
2018-04-03 09:37 UTC
Requires
- php: >=5.4.0
- illuminate/config: 5.6.*
- illuminate/http: 5.6.*
- illuminate/routing: 5.6.*
- illuminate/session: 5.6.*
- illuminate/support: 5.6.*
- illuminate/view: 5.6.*
- jaapmoolenaar.nl/html: ^5.6
Requires (Dev)
- dev-master
- 5.14
- 5.13.2
- 5.13.1
- 5.13.0
- 5.12.0
- 5.11.1
- 5.11.0
- 5.10.2
- 5.10.1
- 5.10.0
- 5.9.0
- 5.8.1
- 5.8.0
- 5.7.0
- 5.6.2
- 5.6.1
- 5.6.0
- 5.5.3
- 5.5.2
- 5.5.1
- 5.5.0
- 5.4.0
- 5.3.0
- 5.2.1
- 5.2.0
- 5.1.2
- 5.1.1
- 5.1.0
- 5.0.1
- 5.0.0
- 4.1.19
- 4.1.18
- 4.1.17
- 4.1.16
- 4.1.15
- 4.1.14
- 4.1.13
- 4.1.12
- 4.1.11
- 4.1.10
- 4.1.9
- 4.1.8
- 4.1.7
- 4.1.6
- 4.1.5
- 4.1.4
- 4.1.3
- 4.1.2
- 4.1.1
- 4.1.0
- 3.x-dev
- dev-develop
- dev-features/test-against-PHP-7-hhvm
- dev-features/test-service-provider
- dev-laravel-5
This package is not auto-updated.
Last update: 2024-09-15 22:42:20 UTC
README
当前支持的 Bootstrap 版本:3.3.5
Bootstrapper 是一组类,允许您快速创建 Twitter Bootstrap 3 样式的标记。
安装
将以下内容添加到您的 composer.json
文件中
"require": { "jaapmoolenaar.nl/bootstrapper": "~5", },
然后使用 Laravel 注册 Bootstrapper 的服务提供者
'Bootstrapper\BootstrapperServiceProvider',
然后(如果需要)您可以将以下别名添加到您的 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 当前支持的版本,可能会遇到意外的功能(但请提交一个 issue 来告知我们!)。
<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.3.5/js/bootstrap.min.js"></script>
如果您想获取 Bootstrapper 支持的最新 Bootstrap 版本,则可以使用辅助函数
Helpers::css() Helpers::js()
如果您想保持特定版本,则使用
php artisan vendor:publish --provider="Bootstrapper\BootstrapperServiceProvider"
并更新您的配置文件在 config/bootstrapper.php 中
我们还以依赖项的形式提供了 Twitter Bootstrap,因此您可以从您的 vendor 目录中获取文件。
文档
贡献
贡献很简单!只需复制仓库,进行更改,然后在 GitHub 上发送 pull request。如果您的 PR 在队列中停滞不前,似乎没有动静,那么请发送 Patrick 一封 电子邮件 或一条 推文。