Bootstrap grid stopped working properly?

Question

Bootstrap

There is a project on Laravel and Vue
Until recently everything worked fine.
The Vue components and the CSS file were compiled into their respective files and everything worked as expected.
But recently the columns are a simple type template:

<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>

are displayed on the page one above the other, form elements go beyond the boundaries of the parent container, styles and colors of links are also not displayed.
When trying to repeat the code in a separate HTML file outside the framework with Bootstrap or Bulma loaded via CDN, the same picture is observed.
I welcome your thoughts

Answer 1

The problem was solved by removing the last-minute V-Calendar plugin from npm dependencies .

Answer 2

welcome my consideration: because of the bordera

Answer 3

Check the downloadable version of bootstrap.
You have a code for the third one, and you can upload 4, but there the description of the columns is made a little differently.