alguien me ayude a que cada párrafo ocupe dependiendo su tamaño y no se adapte al tamaño de los otros ? Quiero que los parrafos pequeños ocupen su tamaño y no bajen hasta el tamaño del mas grande.
Aqui el codigo :
<!DOCTYPE html>
<html>
<head>
<title>Proyecto</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="x-ua-compatible" content="ie-edge">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-xl-4 col-md-4 col-xs-12" style="background-color: red">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis nulla alias hic, maxime fugiat eligendi. Nostrum, corrupti, fugit. Sed minus voluptates incidunt itaque quia error delectus doloribus laudantium neque natus.
</div>
<div class="col-xl-4 col-md-4 col-xs-12" style="background-color: yellow">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis nulla alias hic, maxime fugiat eligendi. Nostrum, corrupti, fugit. Sed minus voluptates incidunt itaque quia error delectus doloribus laudantium neque natus.
</div>
<div class="col-xl-4 col-md-4 col-xs-12" style="background-color: olive">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis nulla alias hic, maxime fugiat eligendi. Nostrum, corrupti, fugit. Sed minus voluptates incidunt itaque quia error delectus doloribus laudantium neque natus.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis nulla alias hic, maxime fugiat eligendi. Nostrum, corrupti, fugit. Sed minus voluptates incidunt itaque quia error delectus doloribus laudantium neque natus.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis nulla alias hic, maxime fugiat eligendi. Nostrum, corrupti, fugit. Sed minus voluptates incidunt itaque quia error delectus doloribus laudantium neque natus.
</div>
</div>
</div>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/popper.js"></script>
</body>
</html>
<div class="row">