Mesuti

https://jsfiddle.net/vex2rhp4/2/ , обязательно ли давать type="number" ?

Потому-что вы используете float сетку, но не используете clearfix. Почитайте, что это такое и для чего. А пока добавьте всем контейнерам c float элементами класс clearfix, с таким кодом:

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

Спецификацию почитайте!
У инпутов нет псевдо элементов.
То, что они есть в некоторых браузерах — недокументированная возможность, не стоит использовать.

По теме: обычно таким образом стилизуется label/span или его псевдоэлемент.

<input>
<span></span>

input:checked + span {}
или (по ситуации)
input:checked ~ span {}

Ну а стандартный просто скрывается (display:none;)

Для ряда браузеров есть фиксы,

/**
	 * Android stock browser - fix select menu
	 */
	var nua = navigator.userAgent,
		isAndroid = (nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 && nua.indexOf('AppleWebKit') > -1 && nua.indexOf('Chrome') === -1);
	if (isAndroid) {
		$('select.form-control').removeClass('form-control').css('width', '100%');
	};
	/**
	 * Fix Device-Width in Internet Explorer 10 in Windows Phone 8.
	 * @copyright 2014-2015 Twitter, Inc.
	 * @license MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
	 */
	if (nua.match(/IEMobile\/10\.0/)) {
		var msViewportStyle = document.createElement('style');
		msViewportStyle.appendChild(document.createTextNode('@-ms-viewport{width:auto!important}'));
		document.querySelector('head').appendChild(msViewportStyle);
	}

поищи может и для твоего случая есть. у меня проблем не наблюдалось

order-lg-1
order-md-2
order-sm-3

И так до 12.

const form = $('.my-form');
const button = $('.button-attach');

button.click(form.submit);

Так: https://jsfiddle.net/865ew144/

Вы очень старую версию JQuery подключали.
Используйте эту https://code.jquery.com/jquery-3.2.1.js

Обрезать на фото края как надо и свести блоки наложив друг на друга

+если включён CDN, выключите его на время

Очепятка - злейший враг кодера:
$fienames !== $filenames

После исправления двух очепяток:

<?php
  $dir = 'images/'; 
  $cols = 3; 
  $files = scandir($dir); 
  echo "<table>";
  $k = 0; 
  for ($i = 0; $i < count($files); $i++) { 
    if (($files[$i] != ".") && ($files[$i] != "..")) { 
      if ($k % $cols == 0) echo "<tr>"; 
      echo "<td>"; 
      $path = $dir.$files[$i]; 
      echo "<a href='$path'>"; 
      echo "<img src='$path' alt='' width='100' />"; 
      echo "</a>"; 
      echo "</td>"; 


      if ((($k + 1) % $cols == 0) || (($i + 1) == count($files))) echo "</tr>";
      $k++;
    }
  }
  echo "</table>"; 
?>

проверял лично

$fienames = glob('/foo/bar/*.jpg');
foreach ($filenames as $filename) {
  echo "<div>$filename</div>";
}

php.net/manual/ru/function.glob.php

набор номера делает уже сам телефон, можно воспользоваться айпи телефонией по типу "задарма ком"

Правильно без пробела
http:// newsite.ru

Ваша версия MySQL не поддерживает кодировку "utf8mb4_unicode_520_ci".
Варианты решения проблемы:
1. Установить более свежую версию MySQL.
2. Заменить в дамп-файле все "utf8mb4_unicode_520_ci" на "utf8_general_ci"

Так, что ли?

Что это за бордер при клике?

https://webref.ru/css/outline

как сделать заполнение не квадратное?

Не видя код ответить невозможно.

свои сайты не могу выложить по причине того, что уже отсидел в бане за это целых два месяца

Посмотрел ваши вопросы и ответы - не вижу ничего криминального, кроме выкладывания ссылки на сайт через сокращатель зачем-то. В любом случае, вы совершенно спокойно можете подключить на jsfiddle все ваши css, создать минимальную разметку и проблема станет воспроизводиться и там.

Это не бордер, а outline

*, *:focus {
outline: none
}

решит вашу проблему (только этот стиль должен быть прописан после бутстрапа)

Но вообще, он удобен для того, чтобы осуществлять навигацию по сайту с помощью клавиатуры(tab, стрелки) и для accessibility