用户登录

因为页底这块内容,我想在小尺寸的设备上使用一个手风琴组件来表示,所以它需要一个特定的代码结构 .. 这个结构我们也可以自己去设计 ...

一个手风琴项目需要一个标题,还有一块内容,点击标题显示内容,同时会隐藏之前正在显示的内容 .. 先给手风琴项目里的内容添加一个容器 .. 上面可以加上一个 block ..

它里面是手风琴项目里的标题还有内容 .. 标题用一个 h3 标签 .. 加上一个 header 类 .. 输入一个标题 ..

然后是内容 .. 内容的包装上面可以加上一个 content ...

具体的内容是一个列表,再用一个包装,上面加上 list .. 项目里的每个项目都可以用一下带 item 类的元素 ...

添加几个这样的列表项目 ... 使用同样的方法,可以再另外几个 column 元素里面添加这个这样的列表内容 ...

你也可以把项目切换到一个特定的标签,这样项目里面就会出现我已经给你准备好的内容了 ..

git checkout v10.1.2

下面我们要做的就是去为这个页底添加样式 ...

页底:区块的代码结构《 网页设计案例:页底 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点