现在我们开始真正要去写几行代码，去把我们设计的导航用代码的形式表示出来。 这个导航的背景是白色的 .. 导航栏里的内容会居中在页面上显示 ..

如果用 html 表示的话，我们可以添加一个容器，上面应用一个白色的背景样式 .. 在这个容器里再包装一个容器，它里面的内容可以是具体的导航栏上的内容 ..

打开 app ... index.html .. 先添加一个容器，容器是一个通称，也可以叫元素，或者其它的名字 .. 这个容器元素的类型有几个可以选择的 .. 这里我用的是最常使用的 div ..

它的意思就是，我们要添加一块内容 ... 在它上面添加两个 css 类 ... ui navbar .. 使用这些类可以为元素添加样式 ..

div.ui.navbar

在这个包装上可以添加一个白色的背景 ..

它里面的内容是居中在页面上显示的，我们可以用一下 semantic ui 里的 container ..

div.ui.container

在这个容器里，再添加一个 div ，上面加上 content .. 在这个 content 容器里，可以去添加导航栏上的一些具体的东西 ..

导航栏的最左边是一个标志 .. 这个标志图像是个链接，先用一个 a 标签 .. 这个 a 标签上可以添加一个 header 类 ...

它里面放个图像，用的是 img 标签 ..

a.header
img
images/logo.png

图像的位置是 images 下面的 logo.png ..