README

将Bootstrap视为一种简单的方法将Bootstrap与Laravel 4集成，提供各种辅助工具以加快开发速度。这些包括

Bootstrap::css-boot
Bootstrap::css-font
Bootstrap::js-1x
Bootstrap::js-2x
Bootstrap::vertical
Bootstrap::horizontal
Bootstrap::inline
Bootstrap::text
Bootstrap::password
Bootstrap::email
Bootstrap::file
Bootstrap::date
Bootstrap::datetime
Bootstrap::time
Bootstrap::textarea
Bootstrap::select
Bootstrap::checkbox
Bootstrap::radio
Bootstrap::submit
Bootstrap::button
Bootstrap::reset
Bootstrap::link
Bootstrap::secureLink
Bootstrap::linkRoute
Bootstrap::linkAction
Bootstrap::linkIcon
Bootstrap::mailto
Bootstrap::none
Bootstrap::success
Bootstrap::info
Bootstrap::warning
Bootstrap::danger

原始源代码

此软件包实际上是Bradley Cronford的Bootstrap

源代码版本

Bootstrap v3.2.0 FontAwesome v4.2.0 jquery v1.11.1 或 v2.1.1

安装

首先通过Composer安装此软件包。编辑项目的composer.json文件，以要求illuminate3/bootawesome。

"require": {
	"illuminate3/bootawesome": "dev-master"
}

接下来，在终端中更新Composer

composer update

此操作完成后，下一步是添加服务提供者。打开app/config/app.php，并在提供者数组中添加一个新项。

'Illuminate3\BootAwesome\BootstrapServiceProvider',

最后一步是引入外观。打开app/config/app.php，并在别名数组中添加一个新项。

'Bootstrap'       => 'Illuminate3\BootAwesome\Facades\Bootstrap',

如果您想引入软件包的JavaScript和样式表，请运行以下命令将其拉入项目中。

php artisan asset:publish illuminate3/bootawesome

就这样！您已经准备好了。

使用方法

为了包含Bootstrap依赖项，您需要在布局/页面模板的head部分使用Bootstrap::css()和Bootstrap::js()方法。

使用起来非常简单，就像在任何Controller / Model / 文件中使用Bootstrap类一样

Bootstrap:

这将为您提供以下访问权限

CSS-BOOT
CSS-FONT
JS-1X
JS-2X
垂直
水平
内联
文本
密码
电子邮件
文件
日期
日期时间
时间
文本区域
选择
复选框
单选按钮
提交
按钮
重置
modalButton
链接
安全链接
路由链接
动作链接
图标链接
图标路由链接
邮件到
无警报
成功警报
信息警报
警告警报
危险警报
完整模态框

CSS-BOOT

css-boot方法通过CDN/本地文件包含Bootstrap CSS，并传递可选属性。

Bootstrap::cssBoot();
Bootstrap::cssBoot('local', ['type' => 'text/css']);

CSS-FONT

css-font方法通过CDN/本地文件包含Bootstrap CSS，并传递可选属性。

Bootstrap::cssFont();
Bootstrap::cssFont('local', ['type' => 'text/css']);

JS-1X

js-1x方法通过CDN/本地文件包含Bootstrap JS，并传递可选属性。

Bootstrap::js1x();
Bootstrap::js1x('local', ['type' => 'text/javascript']);

JS-2X

js-2x 方法通过 CDN 或本地文件包含 Bootstrap JS，并传递可选属性。

Bootstrap::js2x();
Bootstrap::js2x('local', ['type' => 'text/javascript']);

垂直

vertical 方法允许以垂直方式设置表单。这是默认表单类型。在添加任何表单元素之前可以链式调用垂直方法，并且会一直应用于后续的表单元素，直到被覆盖。

Bootstrap::vertical();
Bootstrap::vertical()->text('text', 'Text', 'Value');

水平

horizontal 方法允许以水平方式设置表单。此表单类型接受输入类和标签类。在添加任何表单元素之前可以链式调用水平方法，并且会一直应用于后续的表单元素，直到被覆盖。

Bootstrap::horizontal('col-sm-10', 'col-sm-2');
Bootstrap::horizontal('col-sm-10', 'col-sm-2')->text('text', 'Text', 'Value');

内联

inline 方法允许以行内方式设置表单。此表单类型仅接受标签类。在添加任何表单元素之前可以链式调用行内方法，并且会一直应用于后续的表单元素，直到被覆盖。

Bootstrap::inline('sr-only');
Bootstrap::inline('sr-only')->text('text', 'Text', 'Value');

文本

text 方法根据错误和选项生成带有可选标签和 Font Awesome 图标的文本字段。

Bootstrap::text('text', 'Text', 'Value', $errors);

密码

password 方法根据错误和选项生成带有可选标签和 Font Awesome 图标的密码字段。

Bootstrap::password('password', 'Password');

电子邮件

email 方法根据错误和选项生成带有可选标签和 Font Awesome 图标的电子邮件字段。

Bootstrap::email('email', 'Email address', 'Value');

文件

file 方法根据错误和选项生成带有可选标签的文件字段。

Bootstrap::file('file', 'File');

日期

date 方法生成带有日期选择器的日期字段，带有可选标签，来自错误、输入选项和 JavaScript 参数。

Bootstrap::date('date', 'Date');
Bootstrap::date('date', 'Date', date('d-m-Y'), $errors, [], ['format' => 'DD-MM-YYYY']);

日期时间

datetime 方法生成带有日期时间选择器的日期字段，带有可选标签，来自错误、输入选项和 JavaScript 参数。

Bootstrap::datetime('datetime', 'Date');
Bootstrap::datetime('datetime', 'Date', date('d-m-Y H:i:s'));

时间

time 方法生成带有时间选择器的日期字段，带有可选标签，来自错误、输入选项和 JavaScript 参数。

Bootstrap::time('time', 'Time');
Bootstrap::time('time', 'Time', date('H:i:s'));

文本区域

textarea 方法生成带有可选标签和 Font Awesome 图标的 textarea 字段。

Bootstrap::textarea('file', 'File', 'Value');

选择

select 方法生成带有项目、可选标签和选中项的 select 字段，来自错误和选项。

Bootstrap::select('select', 'Select', ['1' => 'Item 1', '2' => 'Item 2'], 2);

复选框

checkbox 方法生成带有值和可选标签的 checkbox 字段，带有选中状态和选项。

Bootstrap::checkbox('checkbox', 'Checkbox', 1, true);

单选按钮

radio 方法生成带有值和可选标签的 radio 字段，带有选中状态和选项。

Bootstrap::checkbox('radio', 'Radio', 1);

提交

submit 方法生成带有值和可选属性的提交按钮。

Bootstrap::submit('Submit');

按钮

button 方法生成带有值和可选属性的按钮。

Bootstrap::button('Button');

重置

reset 方法生成带有值和可选属性的复位按钮。

Bootstrap::reset('Reset');

modalButton

modalButton 方法生成带有值和可选属性的按钮。

Bootstrap::modalButton('Submit');

链接

link 方法生成带有 URL、标题和可选属性以及安全链接的链接按钮。

Bootstrap::link('/', 'Link');

安全链接

secureLink 方法生成带有 URL、标题和可选属性以及安全链接的安全链接按钮。

Bootstrap::secureLink('/', 'Link');

路由链接

linkRoute 方法生成带有路由、标题和可选参数、属性的链接按钮。

Bootstrap::linkRoute('home', 'Home');

动作链接

linkAction 方法生成带有操作、标题和可选参数、属性的链接按钮。

Bootstrap::linkAction('index', 'Home');

图标链接

linkIcon 方法生成带有 URL、标题、Font Awesome 图标和可选属性以及安全链接的链接按钮。您不需要 Font Awesome 的 "fa" 前缀，只需使用图标名称及其大小。

Bootstrap::linkIcon('/', 'Link', 'flag fa-fw');

图标路由链接

linkIconRoute 方法生成带有 URL、标题、Font Awesome 图标和可选属性以及安全链接的链接按钮。您不需要 Font Awesome 的 "fa" 前缀，只需使用图标名称及其大小。

Bootstrap::linkIcon('/', 'Link', 'flag fa-fw');

邮件到

mailto 方法生成带有电子邮件地址、标题和可选属性的 mailto 链接按钮。

Bootstrap::mailto('test@test.com', 'Email');

无警报

none 方法生成带有内容的无警报，带有可选强调、可选可关闭，以及可选属性。

Bootstrap::none('A message', null, true);

成功警报

success 方法生成一个包含可选强调内容的成功警报，可选可关闭，以及可选属性。

Bootstrap::success('A success message', 'Well done!', true);

信息警报

info 方法生成一个包含可选强调内容的提示警报，可选可关闭，以及可选属性。

Bootstrap::info('An info message', 'Heads up!', true);

警告警报

warning 方法生成一个包含可选强调内容的警告警报，可选可关闭，以及可选属性。

Bootstrap::warning('A warning message', 'Warning!', true);

危险警报

danger 方法生成一个包含可选强调内容的危险警报，可选可关闭，以及可选属性。

Bootstrap::danger('A danger message', 'Oh snap!', true);

完整模态框

fullModal 方法生成一个包含可选强调内容的模态警报，可选可关闭，以及可选属性。

Bootstrap::fullModal('A modal message', 'Oh snap!', submit);

{{ Bootstrap::modalButton(
	trans('lingos::button.delete'),
	array(
		'class' => 'btn btn-danger',
		'data-toggle' => 'modal',
		'data-target' => '#delete-' . $user->id,
	)
) }}

{{ Bootstrap::fullModal(
$user->id, 'myModal', 'title', 'admin.users.destroy', 'delete', 'delete', 'close', 'button'
) }}

许可证

Bootawesome 是开源软件，许可协议为 MIT 许可协议

illuminate3 / bootawesome

维护者

详细信息