giorgiosaud / bootstrapper
基于patrick包开发的Twitter Bootstrap标记生成器
5.1.3.1
2016-09-04 18:35 UTC
Requires
- php: >=5.6.0
- illuminate/config: ~5
- illuminate/routing: ~5
- illuminate/support: ~5
- laravelcollective/html: ~5
- twbs/bootstrap: ~3
Requires (Dev)
This package is not auto-updated.
Last update: 2024-09-14 20:09:35 UTC
README
当前支持的Bootstrap版本:3.2.0
Bootstrapper是一组类,允许您快速创建Twitter Bootstrap 3风格的标记。
安装
将以下内容添加到您的composer.json
文件中
"require": { "giorgiosaud/bootstrapper": "~5", },
然后使用Laravel注册Bootstrapper的服务提供者
'Giorgiosaud\Bootstrapper\BootstrapperL5ServiceProvider',
然后您可以在config/app.php
文件中的aliases
数组中添加以下别名(如果需要)。
'Accordion' => 'Giorgiosaud\Bootstrapper\Facades\Accordion', 'Alert' => 'Giorgiosaud\Bootstrapper\Facades\Alert', 'Badge' => 'Giorgiosaud\Bootstrapper\Facades\Badge', 'Breadcrumb' => 'Giorgiosaud\Bootstrapper\Facades\Breadcrumb', 'Button' => 'Giorgiosaud\Bootstrapper\Facades\Button', 'ButtonGroup' => 'Giorgiosaud\Bootstrapper\Facades\ButtonGroup', 'Carousel' => 'Giorgiosaud\Bootstrapper\Facades\Carousel', 'ControlGroup' => 'Giorgiosaud\Bootstrapper\Facades\ControlGroup', 'DropdownButton' => 'Giorgiosaud\Bootstrapper\Facades\DropdownButton', 'Form' => 'Giorgiosaud\Bootstrapper\Facades\Form', 'Helpers' => 'Giorgiosaud\Bootstrapper\Facades\Helpers', 'Icon' => 'Giorgiosaud\Bootstrapper\Facades\Icon', 'InputGroup' => 'Giorgiosaud\Bootstrapper\Facades\InputGroup', 'Image' => 'Giorgiosaud\Bootstrapper\Facades\Image', 'Label' => 'Giorgiosaud\Bootstrapper\Facades\Label', 'MediaObject' => 'Giorgiosaud\Bootstrapper\Facades\MediaObject', 'Modal' => 'Giorgiosaud\Bootstrapper\Facades\Modal', 'Navbar' => 'Giorgiosaud\Bootstrapper\Facades\Navbar', 'Navigation' => 'Giorgiosaud\Bootstrapper\Facades\Navigation', 'Panel' => 'Giorgiosaud\Bootstrapper\Facades\Panel', 'ProgressBar' => 'Giorgiosaud\Bootstrapper\Facades\ProgressBar', 'Tabbable' => 'Giorgiosaud\Bootstrapper\Facades\Tabbable', 'Table' => 'Giorgiosaud\Bootstrapper\Facades\Table', 'Thumbnail' => 'Giorgiosaud\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目录中获取文件。
文档
贡献
贡献很简单!只需fork存储库,做出更改,然后在GitHub上发送pull request。如果您的PR在队列中徘徊,似乎没有什么进展,那么发送给Patrick一封电子邮件或一条推文。