# Código Bootstrap ###### tags: `html, bootstrap, web` ## :memo: Exempro slide 16 > Texto de introdução ```htmlembedded=1 <!Doctype html> ``` > Descrição do código ```htmlembedded=2 <html lang="pt"> ``` > //define a linguagem da página// ```htmlembedded=3 <title>Bootstrap 4 Example</title> ``` > //título da página// ```htmlembedded=4 <title>Bootstrap 4 Example</title> ``` > //título da página// ```htmlembedded=5 <meta charset="utf-8">> ``` > //Define configuração do teclado/ ```htmlembedded=6 <meta name="viewport" content="width-device-width, initial-scale=1">> ``` > // é o que deixa página responsível para diferentes dispositivos// ```htmlembedded=7 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">> ``` > // Faz o link com o bootstrap para o framework rodar// ```htmlembedded=8 <script type="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>> ``` > >//Faz conexão com o Jquery// ```htmlembedded=9 <script type="cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>> ``` > //Faz conexão com o popper// ```htmlembedded=10 <script scr="http://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>> ``` > // faz conexão com min online do bootstrap// ```htmlembedded=11 </head>> ``` > //Fechamento do cabeçalho// ```htmlembedded=12 <body>> ``` > // O corpo do documento// ```htmlembedded=13 <div class="container-fluid"/>> ``` > //dividindo em blocos// ```htmlembedded=14 <h1> My First Bootstrap Page </h1>> ``` > //Títulos de seção// ```htmlembedded=15 <p>This is some text.</p>> ``` > //parágrafos ```htmlembedded=16 </body> ``` > Fechamento do Body ```htmlembedded=17 </html> ``` > //fechamento do documento html// <!Doctype html> <html lang="pt">//define a linguagem da página// * Começo do cabeçalho <head>// da página <title>Bootstrap 4 Example</title>//título da página// <meta charset="utf-8">//Define configuração do teclado/ <meta name="viewport" content="width-device-width, initial-scale=1">// é o que deixa página responsível para diferentes dispositivos// <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">// Faz o link com o bootstrap para o framework rodar// <script type="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>//Faz conexão com o Jquery// <script type="cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>//Faz conexão com o popper// <script scr="http://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>// faz conexão com min online do bootstrap// </head>//Fechamento do cabeçalho// <body>// O corpo do documento// <div class="container-fluid" <h1> My First Bootstrap Page </h1>//Títulos de seção// <p>This is some text.</p>//parágrafos </div>//dividindo em blocos// </body>//fechamento do corpo// </html>//fechamento do documento html// ```