You can loop over columns like so.

Col 1
Col 2
Col 3
Col 4
Col 5
Col 6
Col 7
Col 8
Col 9
Col 10
Col 11
Col 12
Col 13
Col 14
Col 15
Col 16
Col 17
Col 18
Col 19
Col 20
Col 21
Col 22
Col 23
Col 24
Col 25
Col 26
Col 27
Col 28
Col 29
Col 30
Col 31
Col 32
Col 33
Col 34
Col 35


<div class="container">
  <div class="row">

    <cfoutput>
     <cfloop index="i" from="1" to="35">
      <div class="col-xl-3">
      Column #i#
      </div>
     </cfloop>
    </cfoutput>

  </div>
</div>


They don't need to be the same size

col-xl-3
col-xl-9
col-xl-3
col-xl-9
col-xl-3
col-xl-9
col-xl-3
col-xl-9
col-xl-3
col-xl-9
col-xl-3
col-xl-9
col-xl-3
col-xl-9
col-xl-3
col-xl-9
col-xl-3
col-xl-9
col-xl-3
col-xl-9

If elements within a row are not the same height, Bootstrap will size the whole row to match!

(1966) Walk Don't Run
(1964) Father Goose
(1963) Charade
(1962) That Touch of Mink
(1960) The Grass Is Greener
(1959) Operation Petticoat
(1959) North by Northwest
(1958) Indiscreet
(1958) Houseboat
(1957) The Pride and the Passion
(1957) Kiss Them for Me
(1957) An Affair to Remember
(1955) To Catch a Thief
(1953) Dream Wife
(1952) Room for One More
(1952) Monkey Business
(1951) People Will Talk
(1950) Crisis
(1949) I Was a Male War Bride
(1948) Mr. Blandings Builds His Dream House
(1948) Every Girl Should Be Married

WOAH! Hold on a sec. Before you take this and run with it....This does not replace TABLES! Years ago we were misled by the web community that tables are the devil. Well, using tables for LAYOUT is the devil. Using tables to display data is 100% fine. Using columns like these to display data is the devil! So when should you use this? How about a grid of course categories? A grid of faculty members assigned to a specific course? As long as you aren't trying to use this grid as a table, then you are okay.