README

Bootstrap 4 辅助工具

Bootstrap 4 组件辅助工具

描述

我的 ZF3-view-helpers 库（https://github.com/deanblackborough/zf3-view-helpers）中的 Bootstrap 4 视图辅助工具的实用包装类，允许在任何 PHP 网站中使用视图辅助工具，而不仅仅是 Zend Framework 应用程序。

安装

使用视图辅助工具的最简单方法是使用 composer，composer require deanblackborough/bootstrap-4-helpers，或者将类包含在您的库中的 src/ 目录下。

使用方法

创建视图辅助工具是一个两步过程，您需要调用视图辅助工具工厂来创建相关的视图辅助工具，然后您可以链式调用辅助工具的方法来创建您的组件。

$jumbotron = ViewHelper::jumbotron('Heading', '<p>Content</p>');
echo $jumbotron->fluid()->setBgStyle('primary');

视图辅助工具

警报

工厂调用

$alert = ViewHelper::alert('Alert message');

方法，可以链式调用

• setBgStyle(string $color) - 设置背景颜色
• setHeading(string $heading, int $heading_level) - 设置可选标题
• setTextStyle(string $color) - 设置文本颜色

徽章

工厂调用

$badge = ViewHelper::badge('Label');

方法，可以链式调用

• asLink() - 作为链接
• pill() - 显示为药丸形状
• setBgStyle(string $color) - 设置背景颜色
• setTextStyle(string $color) - 设置文本颜色

按钮

工厂调用

$button = ViewHelper::button('Label');

方法，可以链式调用

• active() - 活动
• block() - 显示为全宽度块
• customClass(string $class) - 添加自定义类
• disabled() - 设置禁用
• large() - 大按钮
• setBgStyle(string $color) - 设置背景颜色
• setModeButton() - 渲染为按钮
• setModeInput() - 渲染为输入
• setOutlineStyle() - 轮廓按钮
• setUri(string $uri) - 设置 URI
• small() - 小按钮

列

工厂调用

$column = ViewHelper::column('<p>Content</p>');

方法，可以链式调用

• lg(int $size) - 设置 lg 列宽
• md(int $size) - 设置 md 列宽
• setBgStyle(string $color) - 设置背景颜色
• setTextStyle(string $color) - 设置文本颜色
• sm(int $size) - 设置 sm 列宽
• xl(int $size) - 设置 xl 列宽
• xs(int $size) - 设置 xs 列宽

巨幕

工厂调用

$jumbotron = ViewHelper::jumbotron('Heading', '<p>Content</p>');

方法，可以链式调用

• fluid() - 添加流体类
• setBgStyle(string $color) - 设置背景颜色
• setHeadingDisplayLevel(int $level) - 设置显示级别
• setSubHeading(string $sub_heading) - 设置可选副标题
• setTextStyle(string $color) - 设置文本颜色

进度条

工厂调用

$progressBar = ViewHelper::progressBar(25);

方法，可以链式调用

• animate() - 动画
• setBgStyle(string $color) - 设置背景颜色
• setHeight(int $height) - 设置高度
• setLabel(string $label) - 设置标签
• setTextStyle(string $color) - 设置文本颜色
• striped() - 条纹背景

行

工厂调用

$row = ViewHelper::row('<div class="col-6"></div>');

方法，可以链式调用

• setBgStyle(string $color) - 设置背景颜色
• setTextStyle(string $color) - 设置文本颜色

没有测试吗？

我不会向这个库添加测试，功能测试在 https://github.com/deanblackborough/zf3-view-helpers 库中进行，这个库只是使视图辅助工具在 Zend Framework 之外使用成为可能，我没有添加任何额外的功能。