将Zurb Foundation / Bootstrap与Code Igniter PHP项目一起使用

Question

我继承了一个在codeigniter上开发的项目，并计划使其具有响应能力。可以使用zurb基础的CSS响应框架值得。我还被告知，由于CI和Zurb都有不同的文件结构，因此可能无法正常工作。是真的吗也建议在zurb或bootstrap之间。附言：请随意提出替代Zurb / Bootstap等的替代方案或任何其他建议。谢谢！

Answer 1

您可以将Zurb Foundation和Twitter Bootstrap与Codeigniter（或任何PHP框架）一起使用。您只需要将正确的CSS文件链接到您的页面即可。在这两个之间的选择完全取决于所需的所有CSS功能。请检查他们各自的网站以找到他们提供的组件。我个人认为Bootstrap具有更多的组件。

Answer 2

我将使用https://packagist.org/packages/phpfui/phpfui，这是一个完全面向对象的PHP库，用于生成100％有效的HTML的HTML，并使用PHP网站上的Foundation解决了所有问题。它应该与任何允许您将HTML输出为字符串的框架一起使用，因为HTML只是一个字符串，所以基本上就是一切。

您的代码看起来像这个简单的Reveal示例（但您可以做很多事情）：

namespace PHPFUI;

// Your autoloader here
include '../vendor/autoload.php';

$page = new Page();
$page->addStyleSheet('/css/styles.css');

$buttonGroup = new ButtonGroup();
$openButton = new Button('Click me for a modal');
$buttonGroup->addButton($openButton);

$reveal = new Reveal($page, $openButton);
$reveal->add(new Header('Awesome. I Have It.'));
$reveal->add('<p class="lead">Your couch. It is mine.</p>');
$reveal->add("<p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>");
$reveal->add(new Input\Date($page, 'date', 'A Cool Date Picker', '2019-10-10'));

$nestedButton = new Button('Click me for a nested modal');
$buttonGroup->addButton($nestedButton);

$nestedReveal = new Reveal($page, $nestedButton);
$nestedReveal->add(new Header('Awesome!'));
$nestedReveal->add('<p class="lead">I have another modal inside of me!</p>');
$nestedReveal->add(new Input\File($page, 'Drag and Drop File Upload'));

$nestedRevealButton = new Button('Click me for another modal!');
$nestedReveal->add($nestedRevealButton);

$nestedReveal2 = new Reveal($page, $nestedRevealButton);
$nestedReveal2->add(new Header('ANOTHER MODAL!!!'));
$nestedReveal2->add(new SubHeader('With A Photo, how cool!'));
$nestedReveal2->add(new Image('https://foundation.zurb.com/sites/docs/assets/img/rectangle-1.jpg'));

$page->add($buttonGroup);

echo $page;