2019/7/19 Bootstarp 项目练习

里面有一个静态资源引入库，我差点给忘了。访问这个可以随时下载自己需要的文件

... 不知道我什么访问不了了

覆盖掉原有的样式的话，应该引入的时候放在后面，才能覆盖

因为自己导入的包，你不知道别人是怎么样式的，所以你要会用谷歌的开发工具。去覆盖原有的样式

应该是第一样的样式是等级最高的

还行，这个导航栏还是有点意思的。看来要疯狂的练习了。要熟悉每个样式

这是第一课讲的还是导航栏部分的东西！！！

 

为甚要加个颜色遮盖层滤镜

自适应，那么我们就加一个网格吧

图片自适应：img-responsive；

然后这是第二节的内容，主要是图片的自适应吧

 

tatget = _blank  新窗口打开；

其实一个hover也可以解决啊

第三节主要就是一些maggin，padding的微调。也是挺重要的吧

如何去解决这些响应式的问题

这只是网页端的开发而已，要真正的是移动端的话，移动端使用Android开发的吗

只是PC端适应移动端而已，并不是移动端开发。那移动Web开发是什么。

 

https://v3.bootcss.com/components/

这里有很多的小图标，直接复制名字就可以了

可以直接span就好了

col-md-12 是占用十二的

 

这是第四节的内容

有个图标的使用

 

第五，六，七节，视屏很模糊，然后其实也上边的差不多。就不看了然后对着敲就好了

 然后后面也没啥了  主要还是网格的使用。然后就是看最后一行吧。一些插件和动画的使用

单页面导航插件：页面滑动的动画

 

 

 

然后上面呢是Bootstrap实战1：接下来是第二个，简单的后台管理界面；

目前还是第一节的部分，依然是导航栏的作用，active 的使用，然后应该会讲到下拉框的使用

想好如何建立起框架

JS插件，警告框，然后还可以直接F12,把他们的源代码直接拷贝过来

然后就是画板的使用，表格的使用，还有list-group的使用

在github上直接复制你想要的文件就要了吗

当出现文档乱码的时候应该调节，先自己复制一份，然后调编码格式。再粘贴

 

最后一个是Bootstrap的一个模板，为甚可以直接套用   下载，或者复制网址，然后引入就可以

http://bootswatch.com/cerulean/bootstrap.min.css

 

这个模板还是可以运用一下的，不然都用Bootstrap，那每个人都一样了

转载于:https://www.cnblogs.com/Py-king/p/11212926.html