которые сильно упросят разработку
// массив символов для поиска
var specCharArray = ['+','-'];
// обработка собтия keyUp - поднятие клавиши
$('#name-input').on('keyup', function (event) {
var curSum = event.key; // текущий символ
var curStr = $(this).val(); // текущая строка
if(curSum == curStr.slice(-2,-1)){ // совпадает ли введенный символ с предыдущим
if(specCharArray.includes(curSum)){ // есть ли это символ в массиве символов
$(this).val(curStr.substring(0,curStr.length - 1)); // удаляем его
}
}
});<div class="row">
<div class="col-xs-3"><div class="logo">Some logo here</div></div>
<div class="col-xs-9">
<div class="row">
<div class="col-xs-12">
<div class="first-line"></div>
</div>
<div class="col-xs-12">
<div class="second-line"></div>
</div>
</div>
</div>
</div>(прям что бы совсем разжевали все, вот что бы не знающему ничего стало понятно)
Как оно должно выглядеть на 768, 480 и 320.
понятно что на 768 5 штук уже не уместятся
$('#rodnoiDIV').on('click', function () {
$(this).children('div').css({
color: 'red'
})
});