{"id":14815,"date":"2023-12-06T17:55:12","date_gmt":"2023-12-06T20:55:12","guid":{"rendered":"https:\/\/categoriaoutros.com.br\/?p=14815"},"modified":"2023-12-06T19:16:11","modified_gmt":"2023-12-06T22:16:11","slug":"navbar-criar-menu-no-bootstrap-passo-a-passo","status":"publish","type":"post","link":"https:\/\/categoriaoutros.com.br\/?p=14815","title":{"rendered":"NavBar: Criar Menu no Bootstrap – Passo a Passo"},"content":{"rendered":"\n

H\u00e1 um componente chamado NavBar<\/strong> que permite criar menu no Bootstrap. Esse menu fica responsivo e bastante personaliz\u00e1vel em seu site.<\/p>\n\n\n

\n
\"NavBar:
NavBar: Criar Menu no Bootstrap<\/figcaption><\/figure><\/div>\n\n\n

O componente NavBar \u00e9 importante porque fornece uma navega\u00e7\u00e3o f\u00e1cil e intuitiva para os usu\u00e1rios em um site. Suas vantagens incluem a capacidade de ser responsivo, se adaptando a diferentes dispositivos, al\u00e9m de oferecer op\u00e7\u00f5es de personaliza\u00e7\u00e3o para se adequar ao design do site.<\/p>\n\n\n\n

Vamos ver como criar um menu no Bootstrap com o componente NavBar.<\/p>\n\n\n\n

Links CDN<\/h2>\n\n\n\n

CDN s\u00e3o servidores na internet que disponibilizam conte\u00fado atrav\u00e9s de links. Nesse caso, o conte\u00fado s\u00e3o os pacotes para JQuery, CSS e bootstrap.<\/p>\n\n\n\n

A primeira coisa a se fazer \u00e9 adicionar em nosso HTML os links CDNs ou baix\u00e1-los para nosso pc. Usar apenas o link \u00e9 muito mais f\u00e1cil.<\/p>\n\n\n\n

Coloquei dentro da entre as tags <head> e <\/head> as linhas abaixo:<\/p>\n\n\n\n

\n\n<<\/font>link<\/font> <\/font>href<\/font>=<\/font>"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/css\/bootstrap.min.css"<\/font> <\/font>rel<\/font>=<\/font>"stylesheet"<\/font>><\/font>\n  <\/font><<\/font>script<\/font> <\/font>src<\/font>=<\/font>"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.7.1\/jquery.min.js"<\/font>><\/<\/font>script<\/font>><\/font>\n  <\/font><<\/font>script<\/font> <\/font>src<\/font>=<\/font>"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/js\/bootstrap.bundle.min.js"<\/font>><\/<\/font>script<\/font>><\/font>\n\n<\/pre>\n\n\n\n
Esses links podem ser pegos de outros servidores CDNs, conforme voc\u00ea desejar.<\/p>\n\n\n\n
Classes NavBar do BootStrap para Cria\u00e7\u00e3o de Menus<\/h2>\n\n\n\n
Apenas para refer\u00eancia:<\/p>\n\n\n\n