Html
<html>
<!-- title -->
<head>
<meta charset="utf-8">
<title>Example</title>
</head>
<body>
<!-- connect library jQuery -->
<script src="https://dir.by/example_lib/jquery/jquery-3.3.1.min.js"></script>
<!-- connect library Bootstrap (js file) -->
<script src="https://dir.by/example_lib/bootstrap-4.1.3/js/bootstrap.min.js"></script>
<!-- connect library Bootstrap (css file) -->
<link rel="stylesheet" href="https://dir.by/example_lib/bootstrap-4.1.3/css/bootstrap.min.css">
<!-- HTML Elements -->
<div class="d-flex bg-secondary">
<div class="p-2 mr-auto bg-info">Flex item 1</div>
<div class="p-2 bg-warning">Flex item 2</div>
<div class="p-2 bg-primary">Flex item 3</div>
</div>
</body>
</html>
Html
<html>
<!-- title -->
<head>
<meta charset="utf-8">
<title>Example</title>
</head>
<body>
<!-- connect library jQuery -->
<script src="https://dir.by/example_lib/jquery/jquery-3.3.1.min.js"></script>
<!-- connect library Bootstrap (js file) -->
<script src="https://dir.by/example_lib/bootstrap-4.1.3/js/bootstrap.min.js"></script>
<!-- connect library Bootstrap (css file) -->
<link rel="stylesheet" href="https://dir.by/example_lib/bootstrap-4.1.3/css/bootstrap.min.css">
<!-- HTML Elements -->
<div class="d-flex bg-secondary">
<div class="p-2 bg-info">Flex item 1</div>
<div class="p-2 bg-warning">Flex item 2</div>
<div class="p-2 ml-auto bg-primary">Flex item 3</div>
</div>
</body>
</html>
Your feedback ... Comments ...