品牌图标应用场景设计(品牌图标logo导航应用案例)

在导航条的最前端头部一般都有一个文字或者一个图标,用于标识自己的品牌。Bootstrap中提供了“品牌”概念的样式class="navbar-brand",其代码如下:

品牌图标应用场景设计(品牌图标logo导航应用案例)(1)

上述代码页面运行效果图,其中“品牌”二字在导航条中显示的比较突出

品牌图标应用场景设计(品牌图标logo导航应用案例)(2)

我们还可以进行一些更加个性化的设置,比如设定字体的大小、颜色、样式等。当然我们也可以将文字替换成图片,代码如下:

品牌图标应用场景设计(品牌图标logo导航应用案例)(3)

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页