甘睿星心得3

本周完成了网站导航栏的设计。网站的导航栏运用了一个叫navbar的类，这个类是Bootstrap提供的一个美观的导航栏样式，主颜色为银白色。导航栏上的内容有：商城的logo，首页，公告与新闻，帮助中心，提供商品搜索的搜索输入框，购物车。若成功登录，导航栏上会显示用户名，点击用户会出现一个下拉菜单，运用了Bootstrap中的一个drop-down的类，然后下拉菜单的内容包括个人信息，修改密码，查看订单，退出登录，下拉菜单用了Bootstrap中的dropdown-menu类。如果是游客，导航栏则不会显示用户名以及下拉菜单，而会显示两个按钮，分别为登录，注册。导航栏中，我加入了响应式的设计，用了Bootstrap中的data-target=".nav-collapse"，当屏幕宽度小于一定值时，导航栏右侧的部分内容，包括用户名，登录注册按钮，购物车，会自动隐藏，取而代之的是一个按钮，用户只要点击此按钮，就能看到隐藏的内容。