如何在引导程序中将文本放在导航栏品牌下方? [英] How to put text underneath a navbar-brand in bootstrap?

问题描述

假设我有一个带有包含文本的导航栏品牌的 bootstrap 3 导航栏，我如何添加适合该导航栏品牌正下方的小副标题?

Assuming I have a bootstrap 3 navbar with a navbar-brand containing text, how can I add a small subtitle that fits right underneath that navbar-brand?

推荐答案

这是一种方法:

HTML

 <a class="navbar-brand" href="#">Project name<small>Tagline goes here</small></a>

---

CSS

.navbar-brand small {
  display:block;
  font-size:12px;
}

.navbar-toggle {top:10px}

@media (min-width:768px) {
  
  .navbar-brand {
    padding-top:20px;
  }
  
  .nav.navbar-nav a {
    padding-top:30px;
    padding-bottom:30px;
  }

}

这篇关于如何在引导程序中将文本放在导航栏品牌下方?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！