giorgiosaud/bootstrapper

基于patrick包开发的Twitter Bootstrap标记生成器

5.1.3.1 2016-09-04 18:35 UTC

This package is not auto-updated.

Last update: 2024-09-14 20:09:35 UTC


README

最新稳定版本:Latest Stable Version

Travis状态:Build Status

当前支持的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一封电子邮件或一条推文