Serdji

Попробуй запихнуть после div.row теги label && input в div.col-lg-* col-md-* col-sm-* col-xs-*

Примерно так

<div class="row">
   <div class="col-lg-* col-md-* col-sm-* col-xs-*">
      <label>.....</label>
      <input>
   </div>
</div>

* - это значение ширины в bootstrap от 1 до 12.

Я так понимаю, реальный размер элемента 1307px, а 40px это margin || padding. Попробуй применить метод

$( '.wmd-view' ).outerWidth( true );

Тут нужно условие, можно на JQuery написать, примерно так

var height = $(window).height(),
		width  = $(window).width();

		if (height > 600 && width > 1900) {
			$('.....').animate({
				param1: value1,
				param2: value2},
				speed, function() {
			});
		} else {
			$('.....').animate({
				param1: value1,
				param2: value2},
				speed, function() {
			});
		};

Это
$('.....').animate

Имеется в виду объект или объекты которые должны перемещаться.

$( '.point' ).on( 'mouseout', function() {
var _this = $( this );
     if (_this!=$('.point')) {
        	$('.point').remove();
        } 
});

Тогда this будет ссылаться на наведенный объект с классом .point, а не на все объекты с эти классом

Да в самом деле есть не большие баги. Попробуй на прямую задать класс, а не по ветки в низ спускаться (#carousel img).

<div class="container-fluid">
  <div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
      <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
        Контент
      </div>
      <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
          корзина
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
          категории
        </div>
      </div>
    </div>
  </div>
</div>

Ну как то так. Только нужно поиграться с цифрами и вложенностью.

Основному блоку, в котором текст, задай параметр в CSS overflow: hidden;

Как вариант на клик, при нажатии на кнопку опубликовать.

$( 'button' ).on( 'click', function {
	$( 'img' ).addClass( '.media-container' );
} );

Подгрузить можно с помощью ajax, но существует готовое решение, но надо подключить Query UI и использовать метод autocomplete();. И еще парочка полезных ссылок, видио урок и от самих разработчиков тут.

Я думаю Вам будет интересно посмотреть этот урок

На самом деле да, картинкой самое простое. Но если заморочеться, можно было бы создать кучу дивов со свойством display: inline-block;, что бы они шли друг за другом, добавить им нижней бордер border-bottom: 1px solid black; и border-radius. Соответственно ширину и возможно высоту. как сделать вогнутый бордер тут Как добиться обратного эффекта border-radius на css?

Всем спасибо за дельные советы, мне очень помогло и вот что я в итоге накидал.

$('.search').on('click', function(){
		var pl = $('.search').attr('placeholder'),
			text = 'Ку ку';

		if(pl != text){
			$('.otrasl').append(" "+pl);
			$('.search').attr('placeholder', text);
		}
		
		$('.search').on('click', function(){
			$('.sektor').append(" "+text);
		});
			
	});

А если предается с помощью GET

function load(mod,vars,div)
{
	if(typeof div === 'undefined'){div = 'mainload';}
	var jqxhr = $.get( "/hendler.php?mod="+mod+"&page="+vars, function(data) {
	  $('#'+div).html(data)
		allFuncs()
	  ajaxNavigation = true;
	  // init();


	})
}

window.onload=function(){ 
	window.setTimeout(function(){ 
		window.addEventListener("popstate", function(e) {
		
		var	l = (location.pathname || '') + (location.search || '');
		reLoaction(l,1,1);
		e.preventDefault();
		},false); 
	},1); 
}

function init()
{
old_loc = (location.pathname || '') + (location.search || '');

 	$("a:not([href^='#']):not([target='_blank']):not([href$='/rss/']):not([href^='mailto\:']):not([href^='#'])").on('click', function(e){return false;});
	
	$("a:not([href^='#']):not([target='_blank']):not([href$='/rss/']):not([href^='mailto\:']):not([href^='#'])").on('click', function(event){
	var href = $(this).attr('href');
	reLoaction(href,1);




	
	});

Как тут можно подставить эту картинку пока идет загрузка странице ?

Поиши шорткоды к woocomerce. Прости что не могу ссылку дать, не помню уже где сам находил (. Нашел, примерно так [recent_products per_page="12 " columns="6"]

Это не ответ, простите меня. Просто это IE по этому так, он из другой реальности.

При фразе "после загрузки страницы" есть подозрение что дело в JS. Но так же если отображается нормально в CentOS 6 и Chromium может быть проблема в кроссбраузерности.
-webkit-
-moz-
-ms-
-o-
Конечно хорошо бы, что бы Вы дали ссылку на ваш сайт, так можно было бы точнее дать ответ.

Попробуйте удаль существующие классы и добавить новые и в CSS прописать ко всем браузером

-webkit-
-moz-
-ms-
-o-

$(div).removeClass('class').addClass('animated fadeInRight');