首页 > 解决方案 > 关于使用 css 和 bootstrap 的 TrinQet 程序

问题描述

设计一个 about.html 网页,其中包含有关“The TrinQet Inc.”公司的一些信息

网页的某些部分已经创建。但是为了获得更多的增强和视觉效果,您需要使用 Bootstrap 添加更多的组件。网页截图和需要满足的要求如下:

要求

  1. 使用 Bootstrap 输入组组件在导航栏中创建搜索输入字段。

    一个。创建一个表单并对齐到导航栏的右侧,表单标签应该包含属于 Bootstrap 类的输入组。

    湾。属于表单控件的输入字段应该有占位符“搜索”

    C。创建一个 span 标记以对输入搜索字段的输入字段按钮进行分组。

    d。创建一个引导默认按钮以在其上显示 glyphicon-search 图标。该按钮应该是属于 Bootstrap 输入组按钮的跨度的子级。

    e. 有关说明,请参阅快照。

  2. 创建面包屑布局 - 一种导航方案 - 使用无序列表在网站内向用户指示当前页面的位置。它应该是:首页/关于我们(参考上面的网页截图)。

  3. 将第一段(p 标记)内容放在一个框内,使其看起来与使用 Bootstrap 的其余内容不同。(对元素应用简单的插入效果。)使用 id 'para-1' 创建一个 div 标签并应用适当的 Bootstrap 组件。组件尺寸应该很大。

标签: htmlcss

解决方案


推荐阅读