第5-9行：

<div class="col-auto row align-items-center"><div class="search row align-items-center mx-0 text-center">$func_search(para=Search,table=1|2,btn=1)$</div><div class="d-none d-lg-flex">$func_contact(show=hotline)$</div></div>

主要实现两列，搜索列与服务热线列，第5-9行实现效果如图

左右两列：分别是搜索功能和服务热线

.col-auto：是bootstrap，padding-left和padding-right分别为15px边距，所以

.row：是bootstrap，margin-left和margin-right负间距-15px，确保了col-auto距左侧15px-15px=0px边距，同时row表示其直接div内容横排。

.align-items-center：是bootstrap是其内容垂直居中排列，也就是搜索和联系方式两个功能垂直居中对齐。

<div class="search row align-items-center mx-0 text-center">    $func_search(para=Search,table=1|2,btn=1)$</div>

上述三行实现此图功能

实现搜索功能，search是为了写css标识定位作用，如果您连CSS基础没有，可以私/聊/教/学，row/align-items-center之前介绍不再介绍，分别表示其内容横排和垂直居中对齐

mx-0：是bootstrap，由于row是margin-left和marg-right=-15px，而这儿需0边距，mx实现重置margin-left和margin-right=值，这儿值为0，即重置了row的边距值为0而不再是-15px。

text-center：是bootstarp，其内容水平居中对齐。

$func_search(para=Search,table=1|2,btn=1)$：是弘帝功能解析函数(func)，特指搜索(search)功能。

para=Search，是指后台管理中绑定了Search功能的菜单，这个绑定操作我们在未来加以介绍，也可以私/聊/提前了解。

table=1|2，table是指数据库中的表，1为article表，2为product表，也就是告诉弘帝生成一个查询article|product表的在线搜索功能。

btn=1，表示显示搜索提交按钮，这儿的数字建议为1，也可以是文字或图片链接。

func_search，其实是可以实现很多种不同特效和高级需求，有兴趣的可以下载弘帝建站系统慢慢研发，这儿略过。

用弘帝函数(func)实现另一个模块功能，显示联系方式(contact)中的服务热线内容。

<div class="d-none d-lg-flex">$func_contact(show=hotline)$</div>

上面一行代码实现此图功能

d-none/d-leg-flex，已经在前面介绍，表示不显示该功能，与d-lg-flex组合，形成在低可视分辨率，如手机模式下不显示，PC模式下显示服务热线。

d-lg-block与d-lg-flex比较接近，都是显示该模块的意思，区别的是flex功能更强大，用途更广泛，大家网上查找相关意思。

$func_contact(show=hotline)$：是显示联系方式(contact)的弘帝建站系统特有函数(func)，show=hotline，表示显示热线功能(hotline)，内容可以在后台录入。

show可以显示数十个联系方式内容，如微信，手机，EMAIL，网址，地图，备案号等，大家至有关篇章，详细了解，在这儿只做hotline的显示。

下一篇文章，我们讲解：

<div class="container py-3">    <div class="row justify-content-lg-between align-items-center">        <div class="logo col-auto mr-xs-5 mr-sm-0 d516">$show_logo$</div>        <div class="menu col d-none d-lg-block" id="navbar">            $func_menu(pos=0,divi=none)$</div>    </div></div><navbar-toggler class="fixed-top w-100 text-right mt-3" btn="bg-fst white m-3 mt-4 d-inline-block d-lg-none"    tar="navbar" menu="bg-fst px-0 red hover-white ul-li-2" show="false"></navbar-toggler>

上面9行实现LOGO与菜单的功能，并灵活切换手机模式和PC模式

实现Logo和菜单的显示方法，对初学者来说，看起来很长，其实已经为您减少了数百行代码和近万字符的编程了，为从未接触过大学4年学习编程的好学人士，极大的简化了网页设计的难度。