0

我已经设法使用 YII 框架构建了一个站点。我还安装了 Bootstrap 扩展，它允许我轻松实现响应式小部件。我的问题出现在网站的其余部分。假设我想要：

  • 一个标题
  • 一份菜单
  • 主要内容
  • 页脚

菜单是最简单的部分，因为我只是像这样使用 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 进行整理？

4

1 回答 1

0

这完全取决于您在内容中添加的内容。<div>默认情况下标签不是固定宽度的，默认情况下也不是任何其他 HTML 标签。在你的标签上使用width: 100%and也可以覆盖你的大部分基础，让它们以合理的限制灵活地调整到它们的父宽度。max-width: Xpx<img>

在那之后，唯一限制布局的就是你添加的东西。因此，当您添加内容时，请务必考虑在页面缩小和扩展时您希望此内容发生什么。

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

于 2012-11-02T09:51:15.800 回答