发表于: 2018-07-19 17:39:52
2 654
今天完成的事情:从这个任务开始就要用到bootstrap了,期待已久的一款神奇终于要接触到了,看了网上对bootstrap的评价非常高。推荐一本关于bootstrap的书《bootstrap入门经典》作者是美国的Jennifer Kyrnin,这本书有中文版的。书的内容是以bootstrap3为主展开对bootstrap的入门讲解。
这几天一直在看这本书,然后在结合这个任务做练习。
我的习惯是在用一个东西之前,一定会去深入的了解。
我觉得在用bootstrap之前有必要先弄清楚下面这三个问题:
我也是才接触到bootstrap,说的也只是我个人从书上从网上理解的一些东西,可能会有些不够全面,也可能会有些不对的地方,希望师兄能指点一二!
1.bootstrap究竟是个什么东西?
bootstrap是一个web框架,帮助网站的设计和开发人员能够更快速的制作出更漂亮的网站。因为它是由Twitter的Mark Otto 和Jacob Thornton开发的,用意是为了提高整个网站风格的一致性。
Bootstrap使用HTML和CSS创建模板、排版、表单、导航、按钮、表格等元素,而且包含了一个用于构建许多现代化网站上都可发现的动态页面元素的JavaScript库。Bootstrap还包含使用Glyphicons字体库的许可证,可以快速、轻松地为网页添加图形元素。
2.bootstrap是用来干什么的?
bootstrap主要是用来做网站前端页面排版布局的,它的12列网格系统是出了名好用。只需要在网页中添加html标签和内容,然后在html标签中添加相应的clss类,网页的内容就会出现一个非常简介漂亮的布局,省去了手写代码的时间,可以大大提高工作效率。
3.在什么情况下会用到bootstrap?
bootstrap的官方网站上面就有介绍到,它是一款以移动端优先的一款web框架,它做出的网页是可以自适应设备屏幕大小的。不管是手机、平板、还是PC端的大屏幕,它都能很好的适应并且展现出一个漂亮的页面布局。
如果说你的网页主要是在移动端展示的,或者是你需要做的是自适应的网页在各种不同设备来展示,那么你的第一选择应该就是用bootstrap来做。
明天计划的事情:明天的计划,继续深入学习bootstrap,之前还不觉得它有多么强大,越是深入学习越是觉得bootstrap强大,继续深入的去学习《bootstrap入门经典》这本书。
遇到的问题:在用bootstrap网格布局的时候,一行分成三列,每列里面放一个图标,放两个字,文字在图标的下面且居中对齐且,在列里面水平对齐且垂直对齐,或者是靠左对齐靠右对齐。在调整这个的时候遇到了一些问题,直接用text-center对齐的时候图片和文字总是会有一点偏差,还要用postiton定位来移动几个像素才能完全对齐,不知道这是什么原因,也不知道我这样做对不对。
收获:收获当然是bootstrap的基本使用,重要的就是了解到了bootstrap最核心的网格布局的基本使用,具体怎么用我就不详细写出来了,百度一搜教程一堆一堆的,都很简单基本看几遍就能整明白个大概了,在上手练习练习,掌握起来并不难。
评论