Question

我设法使用YII框架构建网站。我还安装了Bootstrap Extension，它允许我轻松实现响应小部件。我的问题来自网站的其余部分。让我们说我想要：

标题
菜单
主要内容
页脚

菜单很简单，因为我只是使用这样的Bootstrap小部件：

<?php 
     $this->widget('bootstrap.widgets.TbMenu', array(
     'type'=>'tabs', // '', 'tabs', 'pills' (or 'list')
     'stacked'=>false, // whether this is a stacked menu
     'items'=>array(
       array('label'=>'Home', 'url'=>array('/site/index')),
       array('label'=>'About', 'url'=>array('/site/page', 'view'=>'about')),
       array('label'=>'Contact', 'url'=>array('/site/contact')),
     ),
   )); 
?>

所以我的问题是让网站的其余部分响应。那么：是否有一种简单的方法可以创建自动响应的“块”？或者仅仅是创建div并对其进行样式设置的问题？换句话说，引导扩展是否仅限于特定组件，因此剩余的布局依赖于设计人员使用CSS进行整理？

Answer 1

这完全取决于您放入内容的内容。默认情况下，<div>标记不是固定宽度，默认情况下也不是任何其他HTML标记。在width: 100%标签上使用max-width: Xpx和<img>也可以涵盖大部分基础，让它们以合理的限制弯曲到其父宽度。

之后，限制布局的唯一因素是您添加的内容。因此，当您添加内容时，请确保在页面缩小和扩展时考虑您希望在此内容中发生什么。

如果你有一个更具体的案例，你正在努力找到一个好的折衷方案，那么有大量的资源可用于bootstrap和Yii。

如何使用Bootstrap在Yii框架之上响应性地生成普通的div块？

1 个答案: