Bootstrap - container with two columns and two rows with the same size

0

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>
    
asked by anonymous 18.04.2018 / 00:15

2 answers

1

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/

    
18.04.2018 / 01:02
1

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>
    
18.04.2018 / 01:08