http://www.pxiiifit.com

                                                                  【大发快3】不用bootstrap用什么-Bootstrap教程

                                                                  不用bootstrap用什么?

                                                                  不用bootstrap可以用foundation,通常情况下,开发工程师会使用Bootstrap,而前端开发人员会优先使用Foundation。

                                                                  Bootstrap 与 Foundation 有许多关键的区别, 但是, 我想你只需要记住一件事:

                                                                  ZURB 和 Twitter 的两种设计理念是很清楚的, 从他们对自己的框架的命名就可以看出来: Bootstrap 有引导, 开机自举的意思, 换言之, 它尝试处理你项目中一切所需要的. 而 Foundation 有创建, 创造的意思, 换言之, 它仅仅给你项目中强有力的创造力.

                                                                  保持这种看法, 现在我来列出两者之间更多的关键区别:

                                                                  1. UI 元素

                                                                  Foundation 只安排了有限的几种元素, Bootstrap 则给你了所有你可以想像到的一切元素.

                                                                  ZURB 对于 Foundation 的设计目标是, 纵然你使用预定义的 UI 元素, 也不应该与大家的网站长的太像.

                                                                  而另一边, Bootstrap 则]试图给你提供所有定义好的 UI 元素.

                                                                  2. REMs VS Pixels

                                                                  Foundation 使用 REMs, 而 Bootstrap 使用 Pixels.

                                                                  使用 Pixels 意味着你不得不准确定义一个组件的高, 宽, 内边距, 外边距, (而且在每一种设备与屏幕尺寸上, 因为不同的设备往往显示效果区别很大.

                                                                  现在 Foundation 5 使用 REMs, 而不是 EM. 这样, 避免了 EM cascade 问题: http://css-tricks.com/font-sizing-with-rem/

                                                                  使用 REMs 意味着你可以直接用 font-size: 80%; 就可以让整个组件和它的子组件缩小 20%.

                                                                  值得说明的是, 通过 REMs, 你可以脱离 Pixels 的细节了, 所以, 使用 REMs 来处理是非常值得的.

                                                                  Foundation 还提供了 sass 的 mixin 方法来将 Pixels 转换为 REMs, 这样, 你还可以继续使用 Pixels 的思考方式来定义页面:

                                                                  .element {  width: rem-calc(10px); // will be converted to REMs}

                                                                  3. 灵活的网格 VS 预定义的网格

                                                                  Foundation 的网格可以自动适配当前浏览器的宽度. Boostrap 则是预定义了几种网格尺寸来适配主流的设备和屏幕.

                                                                  Bootstrap 会在你改变浏览器宽度的时候突然改变它的网格.

                                                                  Foundation 则会)灵活适配当前的浏览器宽度, 这是一种新的技术手段, 自动适配的同时, 可以表现的与 Transformer 一样的效果.

                                                                  Foundation 当网格改变时有两个要点: 小, 中和大. 所有的操作都只有缩小和放大, 并适应于当前浏览器的宽度. 不需要预定义的屏幕大小, 并且更主要的原因是, 鼓励你去根据屏幕的大小来定义不同的样式.

                                                                  使用 Bootstrap, 你得到一个固定的或者说流形的网格, 这意味着你需要分别设定或者说对于网格容器不是一个预定义好的宽度.

                                                                  使用 Foundation 和 Sass, 你可以自由调整最大的网格的大小( 中型的和小型的自动被计算 ), 大屏幕的列数, 小屏幕的列数.

                                                                  郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

                                                                  上一篇:彭博:三星将于9月正式发布折叠屏手机Galaxy Fold - 三星,Galaxy Fold
                                                                  下一篇:没有了