How to make a layout with bootstrap?

It is necessary to make 3 photos in a row from each photo to the right of your name, and under them another series, but with information about the photo.

5e99e0ef3ef06338645055.png
<!DOCTYPE html>
<html lang="en">

the <head>
<title>Test</title>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
</head>

the <body>

 <div calss="container">
 <div class="row">
 <div class="col-lg-2">
 <div class="photo">
 <img src="img/FIO1/FIO1_02.jpg" class="img-thumbnail">
</div>

</div>
 <span>name 1</span>
 <div class="col-lg-2">
 <div class="photo">
 <img src="img/FIO2/FIO2_02.jpg" class="img-thumbnail">
</div>

</div>
 <span>name 2</span>
 <div class="col-lg-2 ">
 <div class="photo">
 <img src="img/FIO3/FIO3_02.jpg" class="img-thumbnail">
</div>

</div>
 <span>name 3</span>
 <div class="row">
 <div class="col-lg-3">
 <p>the Column under the photo and name 1
</p>
</div>
 <div class="col-lg-4">
 <p>the Column under the photo and name 2
</p>
</div>
 <div class="col-lg-4">
 <p>the Column under the photo and name 3
</p>
</div>
</div>
</div>
</div>
</body>

</html>


How to do it?
April 19th 20 at 12:35
0 answer

Find more questions by tags Bootstrap