README

这是一个轻量级的PHP脚本，可以轻松生成Twitter Bootstrap 3网格。它使用默认的Twitter Bootstrap类，如.row和.col-*来生成网格。使用非常简单，允许指定每个Bootstrap视口（xs、sm、md、lg）每行应有多少列。

安装

Composer

您可以使用composer安装它，您需要安装composer，然后就可以开始使用了！

composer require gdarko/twitter-bootstrap-grid

我不知道Composer是什么

我不推荐这种方式，但您始终可以下载最新版本并要求类。

require "twitter-bootstrap-grid/src/TwitterBootstrapGrid.class.php"

如何使用

一些使用脚本的示例

示例 #1

您可以使用addColumn方法向网格添加列并稍后构建。构造函数接受一个列数组作为第二个参数

use gdarko\Tools\TwitterBootstrapGrid;

$grid = new TwitterBootstrapGrid( $row_columns = 4 );
$columns = ["1", "2", "3", "4", "5", "6", "7"];
foreach($columns as $column){
    $grid->addColumn($column);
}
echo $grid->build();

示例 #2

您可以使用setTotalRowColumns方法更改每行给定视口的列数。在这个示例中，我们为"lg"类使用2列。因此，其中一个列类将是.col-sm-6

use gdarko\Tools\TwitterBootstrapGrid;

$columns = ["1", "2", "3", "4", "5", "6", "7"];
$grid = new TwitterBootstrapGrid( $row_columns = 4, $columns );
$grid->setTotalRowColumns(2, "lg");
echo $grid->build();

示例 #3

您有一个需要打印的大模板？没问题。您可以结合输出缓冲区一起使用。

use gdarko\Tools\TwitterBootstrapGrid;

$grid = new TwitterBootstrapGrid( $row_columns = 3 );
foreach($objects as $object){
    ob_start();
    include('templates/display-orange.php');
    $content = ob_get_clean();
    $grid->addColumn($content);
}
$grid->setTotalRowColumns(3, "sm");
echo $grid->build();

示例 #4

您想构建流体网格吗？例如，在大屏幕上有每行3列，在移动设备上有每行2列。使用默认的Bootstrap方法并不容易。这个片段会让您的生活更轻松。

use gdarko\Tools\TwitterBootstrapGrid;

$grid = new TwitterBootstrapGrid();
//Demo data, ignore it
for($i = 0; $i < 9; $i++){
    $grid->addColumn($i . "");
}

$grid->setCustomTotalRowColumns($grid->getColumnsCount());
$grid->setCustomColumnClass("col-lg-4", "lg");
$grid->setCustomColumnClass("col-xs-6", "xs");

echo $grid->build();

简单明了，对吧？

变更日志

v1.2

-修复：当最后一行列数少于指定每行列数时缺少关闭标签。

v1.1

• 流体网格支持（见示例 #4）
• 更新构造函数（如果创建流体网格，则不需要require $row_column_lg）

v1.0

• 与Composer集成
• 与PSR-4集成

开发

想要贡献？太好了！

如果您发现了bug或想为脚本做出贡献，请随时创建pull请求以使其更加完善！