Good, I'm trying to make a container with 4 equal cells, ie 2 columns and 2 rows. I've tried using col and row but nothing works.
I have this only, at this time.
<div id="container">
<video autoplay="true" id="video"></video>
</div>
Good, I'm trying to make a container with 4 equal cells, ie 2 columns and 2 rows. I've tried using col and row but nothing works.
I have this only, at this time.
<div id="container">
<video autoplay="true" id="video"></video>
</div>
There has been a change in the bootstrap 3 bootstrap 3 bootstrap 3
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
<div class="row">
<div class="col">
coluna (0,1)
</div>
<div class="col">
coluna (0,2)
</div>
<div class="w-100"></div>
<div class="col">
coluna (1,1)
</div>
<div class="col">
coluna (1,2)
</div>
</div>
</div>
Check the documentation: https://getbootstrap.com/docs/4.0/layout/grid/
I do not know which Bootstrap is using, if it is the 4 , to do so. Click Run and the entire page to display as on desktop.
video {
margin-top: 20px;
background-color: #ccc;
width:100%;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><divclass="container">
<div class="row">
<div class="col-md-6">
<video autoplay="true" id="video1">
<source src="">
</video>
</div>
<div class="col-md-6">
<video autoplay="true" id="video2"></video>
<source src="">
</div>
</div>
<div class="row">
<div class="col-md-6">
<video autoplay="true" id="video3"></video>
<source src="">
</div>
<div class="col-md-6">
<video autoplay="true" id="video4"></video>
<source src="">
</div>
</div>
</div>