Сергей delphinpro

я постоянно использую этот плагин для Квери
https://github.com/devbridge/jQuery-Autocomplete
Достаточно функциональный, и кастомизируемый, если руки прямые.

Нет ничего проще :)
Ловите код (стили не оптимизированы, накидал на скорую руку, ну там сами допилите).
Вся соль в background-attachment.
jsfiddle.net/Lrkuhzda

на чем пишете?
на пыхе есть встроенный фильтр php.net/manual/ru/filter.examples.validation.php
а в браузере можно и проверкой на собачку ограничится. все равно на сервере перепроверять.

Добавьте ID
<div class="wrapper_p" id="calc">

и поменяйте строку

//var section = document.getElementsByTagName("section")[0];
 var section = document.getElementById("calc");

Вероятно, у вас указаны неправильные пути к файлам шрифтов.

UPD
Откройте инспектор кода в браузере (F12 в Chrome), перейдите на вкладку network, обновите страницу. Увидите все запросы, которые делает ваша страница к серверу. Некоторые строки будут красные, это значит сервер вернул 404 ошибку (ресурс не найден). Просмотрите эти строки, по какому пути запрашивается шрифт и сравните с тем, по которому он лежит реально. Ну и поправьте, соответственно, пути в правилах url()

Интерполяция не прокатит разве?
#{$margin}

add-cart($margin, $prop)
  .animated-add-cart
    animation-duration 1.5s

  @keyframes add-cart
    0%
      #{$margin}:  -($prop / 1.1)
    50%
      #{$margin}:  -($prop / 1.2)
    100%
      #{$margin}:  -($prop / 1.1)

  .add-cart
    animation-name add-cart

$px = 5px
add-cart('margin-bottom', $px)

Даю мастер-класс :)

https://jsfiddle.net/jLq2b5av/

В строку https://jsfiddle.net/jLq2b5av/1/

Радиобатоны https://jsfiddle.net/jLq2b5av/2/

UPD
C учетом фокуса https://jsfiddle.net/jLq2b5av/3/

Потому что вы ее отправляете :)
j$("#gen").submit();

Первое что следует сделать - попробовать настроить через _valiables.scss
Если нужной опции нет - переопределить CSS свойство в конце вашего файла
styles.scss:
import bootstrap
.button { ... }

Если таких переопределений будет много (порог сами определите), то можно переопределить некоторые миксины бутстрапа.
// Core variables and mixins
import "variables";
import "mixins";
// тут ваши переопределлные миксины
.. дальше остальной бутстрап

Тут фишка в том, что из двух миксинов с одинаковым именем будет использован тот, что позже объявлен в коде.

upd не обратил внимания что у вас stylus. не знаю как он реагирует на повторное объявление миксина.

Ничего не теряется.

class Templater {

  public function render($file) {
    include $file;
  }

  public function __get($name) {
    return $this->$name;
  }
}

$tmpl = new Templater();
$tmpl->name = 'Bob';
$tmpl->render('template.php');

внутри template.php:
<? echo $this->name ?>

Я тут опустил всяческие проверки, оставил только суть.

Потому что плавающие блоки выпадают из родительского потока. Так как в потоке .nav больше ничего не остается, - он схлопывается до нуля по высоте, соответственно и фона не видно (который вовсе не пропадает на самом деле).
Примените к .nav клирфикс, или создайте новый контекст форматирования (с помощью overflow или inline-block)
Ваш пример с клирфиксом

И еще: учите теорию htmlbook.ru css-live.ru

Объект location содержит данные адресной строки.
Если под последним символом подразумевается значение параметра id, то его можно вытащить из свойства location.search

флоатами задачу не решить.
Можете воспользоваться multiple columns из css3
jsfiddle.net/5o644soy/9
поддержка caniuse.com/#search=columns

никуда ваши изменения не исчезли. Вы их просто "спрятали". После того, как сделаете pull, вы можете снова применить ваши "спрятанные" изменения git stash apply.
Можно прятать несколько состояний, а их список смотреть командой git stash list.
Удобная штука :)

самое простое:

protected function render($view,$params = [])
    {
        ob_start();
        // внутри main.php будет доступна переменная $params
        // и переменная $this - указатель на текущий объект
        include ROOT.'/views/layouts/main.php';
        return ob_get_clean();
    }

а внутри main.php на месте вывода контента писать

<?= $this->getContents() ?>

Ну это примитивный такой шаблонизатор.
Лучше воспользоваться каким-нибудь готовым шаблонизатором. Я бы порекомендовал twig, но тут вам выбирать, как говорится, на вкус и цвет все фломастеры разные :)

Вместе с бутстрапом скачиваются его исходники на less (bower i bootstrap) или sass (bower i bootstrap-sass).
Импортируйте в свой проект только файл grid.less (grid.scss) и будет у вас только сетка. (Ну может еще конфиг нужен будет)
Если не используете препроцессоры, самое время начать :)

Сначала нужно подучить самые основы :)
Если говорить формально, то никак. Бутстрап ничего не знает, и знать не может о том, что крутится на сервере. Это может быть и php и нода, или вообще какой нибудь IIS. Важно лишь то, что отдает в результате своей работы сервер. А отдает он чистый (иногда не очень :) ) html.

Как всё делается? Сначала верстается html страница. Отлаживается в браузерах. Потом куски html-кода этой страницы вставляются в шаблоны вашего серверного движка.

код подсчета цены вынесите в отдельную функцию и вызывайте ее по событию onkeypress поля вода и по событию onchange всех чекбоксов

jsfiddle.net/DelphinPRO/Lp4d9n7z/1
Подойдет?

Как-то так: ( jsfiddle.net/DelphinPRO/vfhcdu2q/ )

<div class="bubble">
    <div class="bubble-in">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit ipsa quisquam deserunt rerum repellendus consequuntur iste inventore et dolorum natus. Suscipit saepe facilis fugit reprehenderit earum. Quibusdam expedita iusto mollitia!
    </div>
</div>

.bubble {
    width: 300px;
    border-radius: 15px;
    border: 3px solid #1AA0D2;
    display: inline-block;
    position: relative;
}
.bubble::after {
    content: '';
    width: 39px;
    height: 50px;
    border-left: 3px solid #1AA0D2;
    border-bottom: 5px solid #1AA0D2;
    position: absolute;
    bottom: -20px;
    left: 40px;
    background: white;
    transform: skewX(-30deg) skewY(-48deg);
}
.bubble-in {
    border-radius: 12px;
    padding: 30px;
    background: white;
    position: relative;
    z-index: 2;
}