Bootstrap
文章平均质量分 88
Wendy-lxq
这个作者很懒,什么都没留下…
展开
-
仿造百度换肤功能的实现
换肤功能的应用很广,不管是搜索界面还是普通的管理界面等等,都可以进行设计并且应用换肤功能,起到更好的用户体验。今天仿造百度的换肤功能,实现了基本的换肤功能,接下来将会为大家介绍如何实现。在设计界面的过程当中,我采用了Bootstrap框架,以便更好的适应屏幕。(当然也是为了更好的熟悉使用这个框架,大家别忘了把Bootstrap框架的css和js包引进来哦)。在创建项目时最好可以分别将c原创 2016-09-14 09:17:38 · 5053 阅读 · 0 评论 -
改进Bootstrap中的响应式侧边栏
侧边栏在响应式设计中起到很大的作用,当屏幕小到手机的屏幕时,能够自适应屏幕大小的侧边栏固然能够为网站添加色彩,那么在Bootstrap的框架中提供了导航条和下拉菜单的组件,详情请自行到Bootstrap的文档查看,这里就不作介绍了。本文是将其中的导航条和下拉菜单进行结合,然后设计并改进了侧边栏的制作。html:原创 2016-08-30 14:41:11 · 3008 阅读 · 0 评论 -
Bootstrap栅格系统初识
其实在栅格系统之前,我们已经采用过流式布局,也可以实现响应式的布局设计。我们在编写普通的页面时,经常会使用百分比的方式进行布局,实现简单的响应式布局,然后为各个标签写我们想要的样式。在Bootstrap中,是采用栅格系统来进行响应式的布局。接下来我们具体看一下这个栅格系统的一些知识点以及简单应用。一、栅格系统的简单介绍 栅格系统用于通过一系列的行(row)与列(column)的原创 2017-02-02 19:13:19 · 1807 阅读 · 0 评论 -
【Bootstrap】表格的CSS布局
表格在开发中经常会用到,尤其是在展示数据的时候,一个美观的表格设计非常重要。Bootstrap提供了表格组件,其中包括1种基础.table样式,4种附加样式(.table-striped,.table-bordered,.table-hover,.table-condensed)以及一个支持响应式布局的.table-responsive容器样式。需要注意的是每种样式都是在.table样...原创 2017-06-14 15:53:30 · 6794 阅读 · 0 评论 -
【Bootstrap】响应式原理和设计
响应式网页设计最初是由 Ethan Marcotte 提出的一个概念:为什么一定要为每个用户群各自打造一套设计和开发方案?Web设计应该做到根据不同设备环境自动响应及调整。当然响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等,它更像是一种对于设计的全新思维模式;我们应当向下兼容、移动优先。 响应式网站设计(Responsive Web design)的理念是:页原创 2017-06-09 14:35:24 · 2841 阅读 · 0 评论 -
基于bootstrap的datetimepicker插件总结
需求分析:领导要求需要做一个比较简单的表单,主要内容包括姓名、联系方式、出发时间、出发地点等,要求出发时间和出发地点可以自己选择,固定格式。 问题:没写过时间控件,不知道怎么写,时间涉及到的属性那么多,包括年份、月、日、小时、分等,怎么获取与设置,等。 解决方法:在网上搜索了很多资料,由于项目中用到了Bootstrap,于是决定用基于bootstrap的dateti...原创 2017-07-31 21:18:45 · 36102 阅读 · 3 评论