bootstrap响应式布局 1
2018-06-24 02:00:54来源:未知 阅读 ()
最近由于课程设计,开始了bootstrap的学习,首先bootstrap也就相当于一个CSS库~,我们在html中设置好各种各样的类也就相当于调用了bootstrap了。
但bootstrap既然强大,那么肯定不会那么简单。通过学习,我学习到了LESS,一个CSS预编译器,体会到了LESS开发的强大~!只需要LESS生成CSS,大大简化了我们编写CSS的繁琐!
到现在为止,用bootstrap做了的东西有:
1.一个响应式的传送带,在所有各种设备上都可以以图片全宽,高度自适应的方式显示!
2.一个响应式的导航栏,原理是:设置了一个断点,当设备到达此断点自动适应~
3.一个响应式的三栏内容,当屏幕足够大时显示三栏,否则显示一栏。
4.使用FA的图标,让网站显得更现代化
bootstrap,还在学习当中~多多交流~
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:css:段落文本两端对齐
下一篇:开始bootstrap的学习
- DIV居中的经典方法 2020-06-13
- CSS Grid 布局 2020-06-01
- 构建一个杂志布局(译文) 2020-05-14
- 【2020Python修炼记】前端开发之 CSS基础布局 2020-05-13
- [书籍精读]《响应式Web设计 HTML5和CSS3实战(第二版)》精读 2020-05-07
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash