Bootstrap 4 `col-lg-4` остается на пользовательском домене, но не на Heroku

Question

Это самая странная ошибка.

В моем приложении базовая ситуация с загрузкой col-lg-4.Он работает, как и ожидалось, на localhost и на моей ссылке Heroku ( здесь , если вы хотите устранить неполадки. Это три столбца блога внизу страницы).

Однако, когдавы смотрите на пользовательское имя домена, на которое отображается сайт Heroku ( здесь , для устранения неполадок), столбцы остаются друг над другом независимо от ширины страницы.

Я пробовал это как сдомен, размещенный в Google и с серверами имен, указанными на DNSimple.Я не могу перенести домен еще на 51 день, потому что он новый, но я не могу себе представить, что это необходимо.

Кто-нибудь испытывал что-либо подобное?У кого-нибудь есть обходной путь?

Answer 1

У меня такое же поведение, смотрю ли я на ссылку Heroku или на свой домен.Я думаю, что проблема в том, что внутри строки у вас есть тег <a> вне вашего тега <div class="col-lg-4">, который мешает загрузочной сетке.

Я скопировал этот элемент с вашего сайта в этот JSFiddle , что похоже на проблему, о которой вы говорите.Затем я переместил ссылку в столбец div и теперь, похоже, дает то поведение, которое вы искали .Я надеюсь, что это решит вашу проблему!