var submit_form = false;
//Out btn for filter
$(document).on('click', '.search-submit-circle', function(){
//enable submit for applyFilter event
if(submit_form === false) {
submit_form = true;
$("#no-js-grid").yiiGridView("applyFilter");
}
});
//disable default submit
$(document).on('beforeFilter', "#no-js-grid" , function(event) {
return submit_form;
});
$(document).on('afterFilter', "#no-js-grid" , function(event) {
submit_form = false;
});
<div class="logo col-md-3"></div>
<nav class="col-md-9">
<ul class="menu col-md-12">
<li class="col-md-3">
БУБУБУ
</li>
<li class="col-md-3">
БУБУБУ
</li>
<li class="col-md-3">
БУБУБУ
</li>
<li class="col-md-3">
БУБУБУ
</li>
<li class="col-md-3">
БУБУБУ
</li>
<li class="col-md-3">
БУБУБУ
</li>
</ul>
</nav>
.menu {
height: 60px;
background: #eee;
color: black;
}
.menu li {
display: inline-block;
padding: 5px 0;
list-style-type: circle;
}
<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>