Павел Антонов

в css добавить

p{
   margin: 0;
}

<table></table>

Проходите циклом по msg.data и в элемент table подставляете строки с нужными ячейками примерно так

$("table").append("<tr><td>"+msg.data.наименование+"</td></tr>")

$(document).ready(function() {
  $('.services_check button').click(function(){
    var my = $(this).find('i');

    if(my.hasClass('icon-check')){
      my.removeClass('icon-check').addClass('icon-list-add');  
      $(this).prev().val("1");
    }
    else{
      my.addClass('icon-check').removeClass('icon-list-add');   
      $(this).prev().val("0");
    }

    $(this).toggleClass('btn-primary').toggleClass('btn-default');
    $(this).blur();
  });
});

На качество не претендую его там нет :D
но поковырялся полчасика

по теме, готовых фигней не видел таких, но надеюсь на мысль вас натолкнул, реализация кривая, но бывает когда выхода нет, а надо)

Нет

Использовать классы pull или push

здесь не подойдет, немного не та структура

Я бы решил это так, набросал наскоряк.

Да есть небольшое дублирование кода, в частности меню, но без него никак, либо пилить 2 разных шапки под разные разрешения либо меню дублировать.

P.S. Еще можно решить при помощи js, просто на разрешениях ниже 768 вырезать меню и делать appendTo в нужное место. Тут уже вам решать, что удобнее/лучше в вашем случае. Надеюсь помог.

https://www.invisionapp.com/

Нужно обновлять полученную ширину например по resize() вот так

var mobile;
	mobileCheck();
	var windowWidth = $(window).width();
	$(window).resize(function() {
		if ($(window).width() != windowWidth) { 
			windowWidth = $(window).width();
			mobileCheck();
		}
	});

	function mobileCheck() {
		if (window.innerWidth < 768) {
			mobile = true;

		}else {
			mobile = false;
		}
	}

а дальше ваш код

if (mobile) {
        $(".burger-button").click(
            function () {
                menu.toggleClass("hide");
            });
    }

В этом примере мы создаем переменную mobile которая принимает либо true либо false а функция mobileCheck срабатывает по ресайзу окна и при первой загрузке

на красоту и качество реализации не претендую, кофе не попил ))) но думаю идея понятна и допилить уже сможете сами по необходимости

Накидал сонным глазом, работает так как тебе нужно, но на красоту и качество не претендую)

Можно вот так. Менее запутанно но смысл тот же

<!-- load jQuery 1.10.2 -->
<script type="text/javascript" src="http://example.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
var jQuery_1_10_2 = $.noConflict(true);
</script>

<!-- load jQuery 3.2.1 -->
<script type="text/javascript" src="http://example.com/jquery-3.2.1.js"></script>
<script type="text/javascript">
var jQuery_3_2_1 = $.noConflict(true);
</script>

и в коде где вы вызываете свои плагины пишете так вместо $('#selector').function()
jQuery_3_2_1('#selector').function();

У вас в template.css стоит display:none;

.input-item .fa {
    position: relative;
    right: 7px;
    display: none;
    top: 6px;
    font-size: 18px;
}

можно вылечить так например

.bootstrap-datetimepicker-widget .fa{
    display:inline-block;
}

или другим селектором по вкусу)

.class{
   //стили класса
}
.class:hover{
   //стили класса при наведении
}

https://jsfiddle.net/unnq8m3m/1/

$('.b-progress-bar-percent').text(totalEarned * 100 / 2000000 + '%');

Нужно было разместить внутри цикла и изменить селектор на такой

$(this).next().find('.b-progress-bar-percent').text(totalEarned * 100 / 2000000 + '%');

Чтобы записывать значения в нужный див а не во все сразу как было у вас.. поэтому у вас в 3 дивах было только последнее полученное значение из цикла равное 100%

Как то так, скорее всего ваш z-index не отработал потому что не указали position:relative картинке
https://codepen.io/freislot/pen/GOoLpQ

набросал небольшой пример может натолкнет вас на правильное решение,
я предлагаю сделать круг svg и убирать у него бордер постепенно и одновременно сдвигать круг вправо
вторая анимация это отрисовка линии

https://codepen.io/freislot/pen/KywqZw

никак, менять структуру верстки и делать элементы визуально так как надо, но без вложенности

Можно циклом всем li написать что-то

$(".ul-list li").each(function(index, val){
   $(this).text("новый пункт "+ index)
})

Можно по одному пункту менять например так

$(".ul-list li:first-child").text("новый текст");
$(".ul-list li:nth-child(2)").text("новый текст");

или так

$(".ul-list li").eq(0).text("новый текст");
$(".ul-list li").eq(2).text("новый текст");

и т.д.. вопрос уточнить надо

https://jsfiddle.net/qgkfc0fe/

добавил before у .butt

Это все знается по дефолту, а флекс учится за полчаса, потом практика.
Где-то на тостере уже давали ссылку эту, очень хорошее пособие по флексам flexboxfroggy.com

Здесь поможет повесить на body position relative если нет то обернуть весь контент в div.wrapper например и ему давать overflow, это особенности ios

В общем ни один из вариантов не подошел, использовал jquery sly сделал все как по макету, и скролл и стрелки и превьюхи, всем спс