html - Creating multicolumn list-group -

I created Bootstrap (latest version 3.2.0) in various columns to create multicolor list groups.

I used the following code to get it:

  & lt; Div class = "list-group col-lg-12" & gt; & Lt; Div class = "col-xs-12" & gt; & Lt; Div class = "list-group-item list-group-item-information" & gt; & Lt; H2 class = "list-group-item-title" & gt; My title & lt; / H2 & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "col-xs-12 col-sm-6 col-md-4 col-lg-3" & gt; & Lt; A href = "class =" list-group-item ">  0  ITEM1 & lt; / a & gt; Lt; / div> 
  0  ITEM1 & lt; / a & gt; Lt; / div> 
  0  ITEM1 & lt; / a & gt; Lt; / div> 
  0  ITEM1 & lt; / a & gt;  

And it works just as I wanted -

However such kind of There was a problem using the solution when I want to display anything later, for example:

  & lt; p class = "clear warning alert-warning text-center" & Gt; a piece of code & lt; / p & gt;  

It seems that the clearing phase There is a problem in the slots which can be seen here:

Question - It can be easily fixed or maybe I use the List Groups Can not put extra devices in time? I tried to use the cleanfix but without any success. If this can not be fixed, then using the bootstrap should be able to achieve the same results Is there any other solution for this? B was but I have not got anything else and obviously I do not want to use the tables for him.