我爱编程

Bootstrap初试

2017-02-06  本文已影响0人  凤爪dc

总体感觉就是,Bootstrap的画风整体好唯美,简约。但是功能又很强大。个人来说,挺喜欢这种风格。
参考资料

初涉框架,觉得要熟悉一个框架,就是要熟悉框架能提供的效果,代码什么的查一下就可以了。若理解不对,望大佬指正。

Bootstrapd的使用非常简单,往往是在元素上添加特定的类就能达到框架的效果。

因为Bootstrap样式很多,就不全列了,选了一些个人比较喜欢比较常用的一些。

1.网格系统

Bootstrap的这个系统很好地解决了布局的问题


按钮

而且经常在导航栏内需要用到按钮组


按钮组
好清淡的风格呀~~

3.表单

在登录界面需要用到input的输入框,Bootstrap有完整的框架可直接套用


表单

4.模态框

这一个算是我最喜欢bootstrap的一点,挺方便的

模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。

模态框
一般使用按钮作为模态框的触发器
并且可以在一个页面中设定多个模态框,然后为每个模态框创建不同的触发器

以上这些只是bookstrap的一小部分,还有响应式工具....等等很多强大的工具,继续慢慢挖掘吧。这种清新而不做作的画风,我可是很喜欢咧。

上一篇下一篇

猜你喜欢

热点阅读