значит измените логику
Проблема в том, что у флекс элемента нет размера, на котором он может остановится.
у "b" max-width: 100%;
у самого элемента максимальная ширина не указана.
Измените хотя бы b: max-width: 600px;
как то так https://jsfiddle.net/87oa2wdw/1/
1 вариант.
Попробуйте откатить версию бустрапа до 3.3.4
т.е. заменить "bootstrap": "^3.3.6", на "bootstrap": "^3.3.4" в bower.json
затем надо запустить bower install и grunt serve
>> при сборке bower исключате руками написанное подключение
сам по себе bower не может менять ваш HTML. Вы используете какой-то сборщик. grunt, gulp и тд
1. В XXI веке позиционировать жабаскриптом - кощунство.
2. Перепешите на css.
3. jQuery position имеет ряд условий. Первое самое очевидно - элемент должен быть блочным. Второе - абсолют. Отсюда и разница в браузерах.
4. В вашем случае лучше использовать offset, но элемент всё-таки должен быть блочным.
Яндекс конечно тоже браузер, но для разработки он не годится. Юзайте хром или FF в крайнем случае.