bootstrap新手起步详细图解

 时间:2024-10-16 05:33:44

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不会错,因为jQu髫潋啜缅ery是我们自己下载的;改成js/你的jQuery文件名就OK(就是你的js的路径)。js/就会弹出给你选择了,相当方便。

bootstrap新手起步详细图解

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

bootstrap新手起步详细图解bootstrap新手起步详细图解
  • Python中如何解决删除字符出现的方块
  • 如何创建一个c++的空白页
  • 详解如何快速两两交换链表中的节点
  • Python3的输入和输出
  • 如何查看文件位置
  • 热门搜索
    吉林旅游网 张家界旅游景点大全 大学生毕业旅游 蚂蜂窝旅游攻略网 贵州镇远旅游攻略 山东省内旅游景点 西安旅游攻略4天 上海旅游景点介绍 越南相亲旅游团 广东旅游景点推荐