Bootstrap行液不起作用

时间:2013-08-29 19:51:14

标签: css twitter-bootstrap responsive-design

我正在使用Bootstrap主题..

我想说清楚:在我的情况下都使用行液... ... html是..

<div class="flexslider row-fluid" style="max-width:65%;">

                    <ul class="slides">
                        <!--<li>            
                            <img src="images/slide-1.jpg">
                        </li>
                        <li>            
                            <img src="images/slide-2.jpg">
                        </li>-->
                        <li>
                            <img src="images/slide-3.jpg">
                        </li>
                        <!--<li>
                            <img src="images/slide-4.jpg">
                        </li>
                        <li>
                            <img src="images/slide-5.jpg">
                        </li>-->
                    </ul>
                </div>
                <div class="register-box">
                    <div class="reg-title">Join and communicate for FREE!</div>
                    <div class="reg-form">
                        <input type="text" value="Username">
                        <input type="password" value="Password">
                        <input type="password" value="Confirm Password">
                        <input type="checkbox">I agree to the terms and conditions.
                    </div>
                    <div class="signup-button-area">
                        <button>Sign up for free</button></div>
                </div>

我想注册框(注册部分),注册部分将在jquery滑块部分后掉落..

1 个答案:

答案 0 :(得分:7)

Bootstrap 3.0.0?或Bootstrap 2.3.2?

row-fluid仅适用于Bootstrap 2.3.2,在Bootstrap 3.0.0中你应该使用row。

如果您使用的是Bootstrap 3.0.0,请阅读更改日志HERE

如果您使用的是Bootstrap 2.3.2,则可以尝试将行流体类div添加到

<div class="register-box">
    ....
</div>
<div class="signup-button-area">
    ....
</div>

成为

<div class="row-fluid">
    <div class="register-box">
        ....
    </div>
    <div class="signup-button-area">
        ....
    </div>
</div>