引导容器流体不适用于网格

Vijay

2015-03-28

9836

下面的代码与 JSFiddle 链接。

问题是当我减小屏幕尺寸时，div 块应该在同一行中，宽度减小，而不是它们一个低于另一个。（一旦通过增加屏幕宽度来检查它）。

我要强调的另一个是当我们减小块大小时显示文本/段落的 **read more** 选项的代码。那就是当我们点击阅读更多块大小应该增加并显示剩余的文本。如果有人为此建议代码，那将非常有帮助。

代码是

.center{
    float: none;
    padding:0px;
    margin-left: auto;
    margin-right: auto;

}

div.allign{
    height:170px;
    margin:15px;
    text-align:center;

}

div.content{
    height:200px;
    background-color:#fff;
    background-color:#F4F1EE;
}

<div class="container-fluid">
<div class="row-fluid content">
        <div class="col-md-1 "></div>
        <div class="col-md-3 allign">
            <h3>Get Started</h3>
            <p>How it works?</p>
            <p>It's very easy and simple,just sign up for free and get    started with your account.
            It's easy to reserve or cancel a book from anywhere.</p>
        </div>

        <div class="col-md-3 allign">
            <h3>About library</h3>
            <p>location,Directions,Books info...</p>
            <p>Total books:1124<br />journals:130<br />.</p>
        </div>

        <div class="col-md-3 allign">
            <h3>No text books?</h3>
            <p>Dont worry here we go...</p>
            <p>Reserve your books from online by just one click.
            Read online/offline by downloading pdf files.</p>
        </div>
</div>
</div>

单击此处查看 JSFiddle 示例

https://jsfiddle.net/nvpqfxbj/6/

提前致谢。