Загрузочная контейнерная жидкость не работает для сеток ⇐ Html

[Anonymous]

Приведенный ниже код связан с JSFiddle.

• Проблема заключалась в том, что когда я уменьшал размер экрана, блоки div должны располагаться в одной строке с уменьшенной шириной, вместо этого они располагались один под другим. (однажды проверьте это, увеличив ширину экрана).
• Другой момент, который я хочу подчеркнуть, это код для отображения опции
  читать дальше для текста/абзаца, когда мы уменьшаем размер блока. То есть, когда мы нажимаем «Читать дальше», размер блока должен увеличиться и отобразиться оставшийся текст. Было бы очень полезно, если бы кто-нибудь предложил код для этого.
  Код:

Код: Выделить всё

.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;
}

Код: Выделить всё

Get Started
How it works?
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.

About library
location,Directions,Books info...
Total books:1124
journals:130
.

No text books?
Dont worry here we go...
Reserve your books from online by just one click.
Read online/offline by downloading pdf files.

Нажмите здесь, чтобы увидеть пример JSFiddle
https://jsfiddle.net/nvpqfxbj/6/
Заранее спасибо.

Подробнее здесь: https://stackoverflow.com/questions/293 ... -for-grids