你的位置:首页 > 网页设计

[网页设计]bootstrap响应式布局 1

  最近由于课程设计,开始了bootstrap的学习,首先bootstrap也就相当于一个CSS库~,我们在html中设置好各种各样的类也就相当于调用了bootstrap了。

  但bootstrap既然强大,那么肯定不会那么简单。通过学习,我学习到了LESS,一个CSS预编译器,体会到了LESS开发的强大~!只需要LESS生成CSS,大大简化了我们编写CSS的繁琐!

  到现在为止,用bootstrap做了的东西有:

  1.一个响应式的传送带,在所有各种设备上都可以以图片全宽,高度自适应的方式显示!

  2.一个响应式的导航栏,原理是:设置了一个断点,当设备到达此断点自动适应~

  3.一个响应式的三栏内容,当屏幕足够大时显示三栏,否则显示一栏。

  4.使用FA的图标,让网站显得更现代化

  bootstrap,还在学习当中~多多交流~