2017-02-25 11 views
0

私はブートストラップを使用して多くのリストを作成しています。リストにはさまざまなサイズがあります。 サイズを気にせずに、写真上の "Chapitre 7"のような前の行のリストの下にそれらを押しつけるようにしたいと思います。誰かがそれをやる方法を知っていますか? vertical-align doesn'works ...
マイコード:
<div class="row"> <ul class="col-md-4"></ul> <ul class="col-md-4"></ul> <ul class="col-md-4"></ul> <ul class="col-md-4"></ul> <ul class="col-md-4"></ul> </div>
そして<ul>が持っている様々なサイズ縦向きリストのブートストラップ

My Site

EDIT:
<div class="clearfix"><\div>ごとに3圏で解決!

+1

こんにちは、問題を再現するコードを投稿する必要があります。私たちはあなたと協力して解決できる[mcve]を持っています。 –

+0

ちょうどやった、申し訳ありません! – BDeliers

+0

3つの 'col- *'ごとに[応答リセット](http://getbootstrap.com/css/#grid-responsive-resets)(AKA clearfix)を使用してください。http://www.codeply.com/go/G4JG4GUSbY – ZimSystem

答えて

0

私が正しく理解していれば、あなたのリストはもう一方の下に表示されますか? (側面によるとない側?)

もしそうなら、これは(前の下)

IE-

新しい行になるように次の要素を強制的に各 <ul> の終わりに <br>を追加してみてください
<div class="row"> 
    <ul class="col-md-4"></ul><br> 
    <ul class="col-md-4"></ul><br> 
    <ul class="col-md-4"></ul><br> 
    <ul class="col-md-4"></ul><br> 
    <ul class="col-md-4"></ul><br> 
</div> 
+0

問題は、2つの列間の垂直方向の空きが大きいことです – BDeliers

関連する問題