Oversec

Если вы не про в JS и/или используете для эффектов на сайте jQuery то там есть такой чудесный метод .change() с его помощью это и можно реализовать.

Т. е. если меняется значение в select, то сделать, чтобы появился второй select

<form>
<select id="select1">
 <option value="Какой-то продукт">Какой-то продукт</option>
</select>

<select id="select2">
 ...
</select>
</form>

$("form select").change(function() {
 if( $("#select1").val() == "Какой-то продукт" )
   $("#select2").show();    //Или можете тут включить свои знания js/json и манипулировать данными

}

Не самый лучший пример, но думаю смысл тут понятен. Дальше только ваша импровизация)

Я пользовался первым вариантом делая так: вначале отступы, потом экраны начиная с маленького, т.е.

<div class="container">
  <div class="row">
    <div class="col-xs-12 col-sm-6 col-md-3">Icon 1<</div>
    <div class="col-xs-12 col-sm-6  col-md-offset-1 col-md-2">Icon 2<</div>
    <div class="col-xs-12 col-sm-6  col-md-offset-1 col-md-2">Icon 3<</div>
    <div class="col-xs-12 col-sm-6  col-md-offset-1 col-md-2">Icon 4<</div>
  </div>
</div>

Но Serj-One в этом плане делает более правильно и не засоряет html (сам когда писал не маленький проект поплатился за использования сетки прямо в html). Так что почитайте как использовать bootstrap grid + sass(препроцессор css) и очистите ваш html!

На офф сайте в доках к альфе 4 версии bootstrap есть пример v4-alpha.getbootstrap.com/layout/grid