bootstrap grid worksheet 源码
引导网格 在此工作表中,我将向您展示如何使用Bootstraps网格来布局您的内容。 入门 我们需要做的第一件事是下载入门模板,为方便起见,我已为您下载了该模板,并替换了JavaScript和CSS链接,以便您可以立即开始。 从黑板上下载工作表2的开始文件,并将其解压缩到您的计算机上。 然后 在代码编辑器和Web浏览器上打开index.html文件。 货柜 入门模板包含两种主要类型的Bootstrap容器,它们围绕所有其他元素。 .container-fluid 首先是container-fluid将此类分配给元素将允许内容填充屏幕的宽度。 您可以看到它在主体顶部的navBar周围使用。 。容器 第二个只是container ,这将创建一个固定宽度的元素。 该宽度将根据窗口大小而变化。 这些称为断点,是Bootstrap允许您创建响应页面的基础。 您可以看到一个用于在启动程序代码中
文件列表
bootstrap-grid-worksheet-main.zip
(预估有个4文件)
bootstrap-grid-worksheet-main
xl.png
73KB
grid2.png
15KB
README.md
5KB
grid1.png
13KB
暂无评论