JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<div class="row">
  <div class="form-group-lg col-xs-5">
    <label class="control-label" for="facilities">Facilities</label>
    <div class="form-group-lg">
      <div th:each="facility : ${facilities}" class="column_2">
        <span>
          <input type="checkbox" th:field="*{checkedItems}" th:value="${facility}" />
        <label class="checkbox-inline" th:text="${facility}">Toilets</label>
        </span>
        
         <span>
          <input type="checkbox" th:field="*{checkedItems}" th:value="${facility}" />
        <label class="checkbox-inline" th:text="${facility}">Bar</label>
        </span>
        
         <span>
          <input type="checkbox" th:field="*{checkedItems}" th:value="${facility}" />
        <label class="checkbox-inline" th:text="${facility}">Resturent</label>
        </span>
        
         <span>
          <input type="checkbox" th:field="*{checkedItems}" th:value="${facility}" />
        <label class="checkbox-inline" th:text="${facility}">Free Wifi</label>
        </span>
        
         <span>
          <input type="checkbox" th:field="*{checkedItems}" th:value="${facility}" />
        <label class="checkbox-inline" th:text="${facility}">Gift Shop</label>
        </span>
        
         <span>
          <input type="checkbox" th:field="*{checkedItems}" th:value="${facility}" />
        <label class="checkbox-inline" th:text="${facility}">Free Tea/Cofee</label>
        </span>
        
      </div>
    </div>
  </div>
</div>

CSS

.column_2{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
.column_2>span{
  display:block;
}