Using the Bootstrap 4 Grid | BOOTSTRAP 4 TUTORIAL

Very well bootstrap tutorial

<!DOCTYPE html>
<html lang=”en”>

<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<meta http-equiv=”X-UA-Compatible” content=”ie=edge”>
<title>Bootstrap 4 Introduction</title>
<link rel=”stylesheet” href=”” integrity=”sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm”
body {
margin: 30px;
.my-container {
border: 1px solid green;
.my-row {
border: 3px solid red;
height: 300px;
.my-col {
border: 3px dotted blue;

<div class=”container my-container”>
<div class=”row my-row”>
<div class=”col-md-4 col-sm-6 my-col”>
Row 1 Col 1
<div class=”col-md-8 col-sm-6 my-col”>
Row 1 Col 2
<div class=”row justify-content-between align-items-stretch my-row”>
<div class=”col-4 my-col order-md-12″>
Row 2 Col 1
<div class=”col-4 offset-md-2 my-col align-self-start order-md-2″>
Row 2 Col 2


How to Use Virtual Environments

Useful command for python system environment or custom environment.
When any environment is not activated you are using the system environment.
pip list
pip3 list
create new environment :
python3 -m venv env_name
create a directory env_name
activate the env_name :
source env_name/bin/activate
show which python :
which python
deactivate environment :
create an environment with the same packages of the system environment :
python3 -m venv env_name –system-site-packages
how to show the only packages installed in the env_name environment
pip list –local


python3.6 -m venv pgAdminEnv

source pgAdminEnv/bin/activate