bootstrap导航栏.nav与.navbar区别

bootstrap导航栏.nav与.navbar区别

 

一、简单的ul,li组成的导航:

 

 

//解析:.nav .nav-item .nav-link表示ul li是导航——.nav-pills表示胶囊状导航——.bg-dark/.nav-dark表示黑底白字——.justify-content-center表示导航栏在浏览器上居中显示

在浏览器上显示为:

bootstrap导航栏.nav与.navbar区别_第1张图片

缩小浏览器窗口显示为:

二、导航栏——

你可能感兴趣的:(bootstrap导航栏.nav与.navbar区别)