<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.border{
border: 4px solid #40B55C;
border-radius: 5px;
position: absolute;
height: 100%;
}
</style>
</head>
<body>
<div class="container">
<div class="row" style="position: relative;">
<div class="border"></div>
<div class="col-lg-12">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique sapiente vitae eius doloribus repudiandae unde repellat, quam saepe! Earum, cum. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam perferendis provident ipsam aliquid delectus quia omnis nemo libero dicta maiores obcaecati, ut sit quasi laborum reiciendis soluta architecto veritatis incidunt rerum neque, doloribus magni. Architecto, consequuntur impedit eum magni consequatur numquam? Doloremque minus a vel nostrum, culpa reiciendis ipsam ea, explicabo ad in sint velit illum, et possimus repellat praesentium maxime repellendus! Impedit ab, quod tempora tempore obcaecati voluptatum laborum mollitia eius ducimus similique eum dicta rem nulla, sunt ullam magnam, cumque. Officia ex, quod optio numquam libero quibusdam vel, velit dolor dolorum deserunt quia voluptate inventore pariatur nobis blanditiis!</p>
</div>
</div>
</div>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>Komentarze wyłączone