我正在学习使用Twitter Bootstrap,它在桌面上运行良好,并且响应式也很好。假设我正在使用span8和span4,我无法强制iPad纵向视图将span4堆叠在span8下方。
我在头部区域有正确的标签,viewport和响应式CSS文件。
有什么想法吗?
更新:
这是我的代码。当我缩小网页浏览器窗口时,我可以看到它如何响应式(最终span4会被移动到span8下方)。如果我在iPad上处于纵向模式,则不希望span8和span4相互并排,而是希望先显示span8,然后再在其下方显示span4。
在头部区域:
<link rel="stylesheet" href="./css/bootstrap.css">
<link rel="stylesheet" href="./css/bootstrap-responsive.css">
在正文中
<div class="container">
<div class="row">
<div class="span8">
<?php while ( have_posts() ) : the_post() ?>
<h4><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" ><?php the_title( ); ?></a></h4>
<?php the_content(); ?>
<?php endwhile; ?>
</div>
<div class="span4">
hello this is a test to see if columns are fluid.
</div>
</div>
</div>
在页脚中
<script src="./js/bootstrap.js"></script>
row-fluid
呢?链接请参考http://twitter.github.com/bootstrap/scaffolding.html#fluidGridSystem。 - Arpit Srivastava