Bootstrap grid перестал работать должным образом?

Question

[Андрей Измайлов]

Имеется проект на Laravel и Vue
До недавнего времени все работало нормально.
Компоненты Vue и файл CSS компилировались в соответствующие файлы и все работало как положено.
Но в последнее время столбцы простого шаблон типа:

<div class="container">
		<div class="row" style="border: 1px solid grey; ">
			<div class="col-md-3" style="border: 1px solid grey; margin: 10px">
				Lorem ipsum dolor 
			</div>
			<div class="col-md-9" style="border: 1px solid grey; margin: 10px">
				Lorem ipsum dolor
			</div>
		</div>
	</div>

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

При попытке повторить код в отдельном HTML файле вне фреймворка с Bootstrap или Bulma подгруженными по CDN наблюдается таже картина.

Приветствую ваши соображения

Answer 1

[Андрей Измайлов]

Проблема решилась удалением установленного в последний момент плагина V-Calendar из npm dependencies.

Answer 2

[Владислав Лысков]

приветствуй моё соображение: из-за bordera

Comments

[Андрей Измайлов]

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

[Владислав Лысков]

Андрей Измайлов, дак вот код этой формы ты и выложи в песочницу, и скажи что не так, и как должно быть

Answer 3

[MasterMike]

Проверьте загружаемую версию бутстрапа.
У вас код для третьей, а загружать вы можете 4, а вот там описание столбцов производится уже несколько иначе.