【文件属性】:
文件名称:tp-bootstrap:TP Boostrap
文件大小:6.89MB
文件格式:ZIP
更新时间:2021-07-10 09:09:47
CSS
实验 2 引导程序
这里tp的原理是加深bootstrap的发现。 因此,您可以开始对该工具感到满意。 我们会看到以下几点:
安装一个简单的引导导航栏,允许自动有一个“三明治”菜单
玩定位
使用引导表
使用引导程序制作滑块
使用 bootstrap 制作表单
集成一个简单的引导程序模板
奖励:用缩略图测试滑块
在本实验中,您不会编写一行 CSS。 所有的 CSS 都已经写好了。 (图库有 3 行)(对于奖励部分,还有几行)目标是鼓励您阅读引导程序文档并了解您可以用它做什么。
警告:所有引导程序/JQuery 部分都由 CDN 集成,如果您想在没有互联网的情况下使用它们,则必须先下载它们。 当然还要修改相应的代码。
1. 导航栏
要在所有页面上完成。
下载源:
花点时间看一下 bootstrap 上的文档:
引导程序示例的简化版本:
< nav class =" navbar
【文件预览】:
tp-bootstrap-master
----contact.html(2KB)
----screenshots()
--------navbar-sm+.png(25KB)
--------gallery.png(2.9MB)
--------contact-sm+.png(40KB)
--------navbar-xs.png(9KB)
--------products.png(90KB)
--------index-md-lg.png(358KB)
--------gallery-extra.png(1.82MB)
--------contact-xs.png(36KB)
--------index-xs-sm.png(325KB)
----readme.md(6KB)
----gallery.html(2KB)
----styles()
--------gallery.css(684B)
----products.html(2KB)
----images()
--------gateau6.jpg(118KB)
--------thumb_gateau4.jpg(37KB)
--------thumb_gateau6.jpg(21KB)
--------gateau3.jpg(145KB)
--------gateau4.jpg(287KB)
--------thumb_gateau5.jpg(21KB)
--------gateau5.jpg(137KB)
--------gateau1.jpg(337KB)
--------thumb_gateau1.jpg(38KB)
--------thumb_gateau3.jpg(21KB)
--------gateau2.jpg(278KB)
--------thumb_gateau2.jpg(36KB)
----index.html(3KB)