Александр

$result = mysqli_query($dbc, "SELECT * FROM `table_products`");
if (mysqli_num_rows($result)>0) {
  $row = mysqli_fetch_array($result);

do
{
  echo '
<form action="" method="post" >
  <div class="producs col-md-4">
    <div class="product">
      <img src="'.$row["images"].'" width="100%" alt="">
      <a href="veiw.php?id='.$row["kod_product"].'">'.$row["name_product"].'</a>
      <p>Цена: '.$row["price_roz"].'</p>
      <a class="more" href="veiw.php?id='.$row["kod_product"].'">Подробнее</a>
    </div>
  </div>
</form>
  ';
}
while ($row = mysqli_fetch_array($result)) ;

var output = [], n, p;
for (i=0; i<=9999; i++) {
    p = ('000'+i).slice(-4);
    output.push(p);
}
console.log(output);

<div id="block">
  <p class="text">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel erat eu risus pharetra lacinia. Morbi consectetur urna vitae ornare fringilla.
  </p>
</div>

#block{
  background:rgba(0,0,0,0.5);  /* 0.5 – 50% непрозрачности */
}
.text {
  color:#fff;
}

зачем нужна сетка для верстки

будь то бутстрап или грид

если я все равно в контейнере отступаю в пкс от краев, задаю ширину в стилях и помещаю все в контейнер, а для телефонов оптимизирую через медиа запросы

$("#slider").on('beforeChange', function(event, slick, currentSlide){
   $(slick.$slides[currentSlide]).children('.text').fadeOut();
}
$("#slider").on('afterChange', function(event, slick, currentSlide){
   $(slick.$slides[currentSlide]).children('.text').fadeIn();
}

var opened = false; // создаем булеву переменную, флаг, в которую будем записывать состояние
var button, content; // кнопка и блок

button.addEventListener("click", function () {
    if (opened) {
        // если в переменной записано что блок открыт - закрываем
        opened = false; // записываем что закрыт
        content.style.display = "none";
    } else {
        // если в переменной записано что блок скрыт - открываем
        opened = true; // записываем что открыт
        content.style.display = "block";
    }
}, false);

<select id="test">
  <option value="tes1t">1</option>
  <option value="test2" selected="selected">2</option>
  <option value="test3">3</option>
</select>

var sel = document.getElementById("test"); 
var val = sel.options[sel.selectedIndex].text;

var sel = document.getElementById("test"); 
var val = sel.options[sel.selectedIndex].value;

var select = $('#test option:selected');
var val  = select.val();

$.ajax({
  url: 'index.php',
  type: 'POST',
  data: val,
  success: function(data){
    //полученный ответ
  },
 error: function(err){
  // ошибка
 }
})