Bootstrap在响应式布局中停止响应

时间:2013-04-19 12:47:49

标签: twitter-bootstrap responsive-design

我目前正在使用twitter bootstrap进行我的第一次测试,并且已经存在一些问题。

我正在进行基本的一列布局,如下所示:

Layout in big screen

我希望这在所有屏幕尺寸上都是一样的,问题是当我调整窗口大小时我会得到类似的东西

Medium screen layout

最后:

small screen layout

这是我使用的html代码:

           <div class="container">
                $page = get_page( 21, $output = OBJECT, $filter = 'raw' );
                ?>
                    <div class="span3 center">
                        <div class="icons-logoblue">
                        </div>
                        <div class="text-justify">
                            <?php echo $page->post_content; ?>
                        </div>
                    </div>
                <?php
            }
        ?>
    </div>

我希望它总是像第一张图片一样。

有人可以帮助我吗?

编辑:

这是生成的html代码:

<div id="main">
     <div class="container">
                <div class="span12 center">
                <div class="span3 center">
                    <div class="icons-logoblue">
                    </div>
                    <div class="text-justify">
                        Partenaire de la stratégie immobilière des entreprises, Foncière des Régions conçoit à leurs côtés des solutions immobilières durables et innovantes selon un double objectif : valoriser le patrimoine urbain existant et concevoir l’immobilier de demain. L’entreprise détient et gère un patrimoine de 9,3 Md€, loué principalement à des Grands Comptes leaders de leur secteur. Cette culture du partenariat responsable repose sur des valeurs et des savoir-faire clés : vision, partenariat et expertise.                      
                                            </div>

                </div>
            </div>
        </div>


</div><!-- #main -->

0 个答案:

没有答案