bootstrap新手起步详细图解

2025-07-15 18:39:58

1、首先准备工作,登录bootstrap中文官方网站 这是学习bootstrap最全面的网站。

bootstrap新手起步详细图解bootstrap新手起步详细图解

4、这里呢有的是不需要的,所以我们直接删除font文件夹;其他两个文件夹里面的文件也是不是全部需要的,打开css文件夹删除除了文中红框外的文件;js文件夹也是同样删除除了文中红框外的文件;

bootstrap新手起步详细图解

5、然后这里删除好了,还需添加一个文件。在js文件夹添加一个jQuery,jQuery百度下载就好了,一般1.7.2以上版本就可以;当然1.9.1以上版本更好,看需求。然后bootstrap就下好了。

bootstrap新手起步详细图解bootstrap新手起步详细图解bootstrap新手起步详细图解bootstrap新手起步详细图解

9、然后我们打开bootstrap官网;选择起步—基本模板;点击右上角复制就能全部复制,粘贴到刚刚新建的空白网页上。主页 红色方框需要我们注意对应的路径;一般除了jQuery不会错,因为jQuery是我们自己下载的;改成js/你的jQuery文件名就OK(就是你的js的路径)。js/就会弹出给你选择了,相当方便。

bootstrap新手起步详细图解

10、然后我们测试一下效果吧。在这之前,先安装一个谷歌浏览器。因为brackets是可以实时预览的,支持谷歌浏览器。安装好谷歌,我们就可以安心的写代码了,让我们在下图红框位置无限发挥吧,多少行都可以。

bootstrap新手起步详细图解bootstrap新手起步详细图解
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢