文章分类 -  Bootstrap

web前端开发框架
摘要:两种快速打造App的方法 在线自助App制作工具,您可以轻松完成工作 http://lusongsong.com/reed/868.html 阅读全文
posted @ 2017-08-09 09:38 stma 阅读(111) 评论(0) 推荐(0)
摘要:css 图片和文字对齐的办法 全文:https://jingyan.baidu.com/article/75ab0bcbeee547d6874db256.html 实验代码: //我记得 Bootstrap 有一个类是可以实现这样的效果的,文本围绕用的是“多媒体类”,而以上代码实例的效果是图片底部对 阅读全文
posted @ 2017-07-10 11:02 stma 阅读(4360) 评论(0) 推荐(0)
摘要:原来是这样传入对象的 data-delay='{"show":"500", "hide":"300"}' 全文:http://www.imooc.com/qadetail/66469 阅读全文
posted @ 2017-07-09 11:41 stma 阅读(1519) 评论(0) 推荐(0)
摘要:学习了Bootstrap前端开发框架后,才发现还有JQuery UI框架。我个人理解:前者是整体网页布局美化,后者是局部独立控件界面的美化。 jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。 jQuery UI 教程 http://www 阅读全文
posted @ 2017-07-08 22:46 stma 阅读(124) 评论(0) 推荐(0)
摘要:利用@media screen实现网页布局的自适应 优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值 全文:http://www.cnblogs.com/xcxc/p/4531846.html // 阅读全文
posted @ 2017-06-25 13:03 stma 阅读(107) 评论(0) 推荐(0)
摘要:从 Bootstrap优站精选 学习得出总结:http://expo.bootcss.com/ http://tournac.com/ //这只是其中一个优站案例,按F12查看其源码,我总结出如下: 开发该网站的作者是怎样写代码,和布局的??? 1.先是用语义标签,如:<header> <secti 阅读全文
posted @ 2017-06-24 10:48 stma 阅读(1068) 评论(0) 推荐(0)
摘要:在HTML5标准中,新加了几个用于增添页面语义的标签,这些标签有:article、section、nav和aside等。与别的大多数标签不同,浏览器在解释渲染这些标签的时候仅仅把它作为普通的div块级元素来处理,不会添加任何额外的展现逻辑;也即,这些标签仅用于增添语义。对于Web开发人员而言,使用这 阅读全文
posted @ 2017-06-23 11:50 stma 阅读(337) 评论(0) 推荐(0)
摘要:article 和 aside 是 html5 的新标签。前段时间我刚学 html5 ,也是看的视频,刚开始不太明白,后来也想通了。html5 是什么呢?是 html 的升级版,在标签和功能上增强了,说到底还是 html 。html 又是什么呢?html 只是标签,a 就是锚点,p 就是段落,img 阅读全文
posted @ 2017-06-23 11:42 stma 阅读(191) 评论(0) 推荐(0)
摘要:.center { width: auto; display: table; margin-left: auto; margin-right: auto; } .text-center { text-align: center; } <div class="center"> pla pla pla 阅读全文
posted @ 2017-06-19 11:46 stma 阅读(197) 评论(0) 推荐(0)
摘要:Font-awesome 一套绝佳的图标字体库和CSS框架 官网:http://fontawesome.dashgame.com/ 阅读全文
posted @ 2017-06-08 18:34 stma 阅读(157) 评论(0) 推荐(0)
摘要:Bootstrap 辅助类http://w3c.3306.biz/bootstrap_helper_classes/ jQuery UI Bootstraphttp://www.bootcss.com/p/jquery-ui-bootstrap/ Bootstrap框架属于UI框架http://ww 阅读全文
posted @ 2016-12-06 11:18 stma 阅读(151) 评论(0) 推荐(0)
摘要:bootstrap href data-target 属性值可以是ID,也可以是类。如果填写类的话,就可以应用于多个元素。 学习代码: 阅读全文
posted @ 2016-12-05 12:51 stma 阅读(1004) 评论(0) 推荐(0)
摘要:这3个meta标签 是什么意思? 全文:http://blog.csdn.net/shangmingchao/article/details/49763351 附: Bootstrap学习——折叠效果 其中learn more按钮的代码: <p> <a href="#learn-more-conte 阅读全文
posted @ 2016-12-05 11:16 stma 阅读(11670) 评论(0) 推荐(0)
摘要:BootStrap零基础学习实战视频课程 http://edu.51cto.com/course/course_id-2926.html //视频里面用到的开发工具感觉不错 hbuilder 我的理解是:bootstrap 是网页布局用的,而那些什么 jQuery Ui 就是控件,组件,插件,某功能 阅读全文
posted @ 2016-09-05 15:22 stma 阅读(174) 评论(0) 推荐(0)
摘要:Bootstrap Offcanvas是一款非常简单的jQuery隐藏滑动侧边栏插件。该jQuery插件使用Bootstrap的样式和标签来创建隐藏的滑动侧边栏,样式虽然有些单调,但可以通过修改CSS样式来使其更加美观。而且它的工作性能是一流的。下图演示了该隐藏滑动按钮的工作过程。 安装 可以通过B 阅读全文
posted @ 2016-08-23 15:29 stma 阅读(779) 评论(0) 推荐(0)
摘要:从上面我们可以看出有几个临界点的分辨率,那么我们就可以轻松的来写自己的自适应代码了 @media (min-width: 768px){ //>=768的设备 } @media (min-width: 992px){ //>=992的设备 } @media (min-width: 1200){ // 阅读全文
posted @ 2016-06-30 10:31 stma 阅读(201) 评论(0) 推荐(0)
摘要:首先在bootstrap里面所有的样式并在pc上是根据px的单位来判断的,就是我们说的分辨率, @media(min-width:1200px){......里面的样式} 那么就是说当你的屏幕放大或者缩小是根据pc的分辨率来定的,当屏幕的缩小px也跟着缩小,在自动需找css里面有的样式 现在是手机里 阅读全文
posted @ 2016-06-29 22:49 stma 阅读(647) 评论(0) 推荐(0)
摘要:col-md-pull-* 无效果 解决办法: <div calss="hfeed col-xs-pull-4 col-lg-pull-0 col-md-pull-0 col-sm-pull-0"></div> //只有这样写才会有效果,如果单单只写一个 col-xs-pull-4 是不会出效果的。 阅读全文
posted @ 2016-06-29 15:25 stma 阅读(1833) 评论(0) 推荐(0)
摘要:全文:https://github.com/twbs/bootstrap/issues/14725 我使用 col-xs-pull-4 在手机上测试和在电脑上测试效果是一样的,按理在电脑端col-xs-pull-4 不会有效果才对。 阅读全文
posted @ 2016-06-29 12:02 stma 阅读(159) 评论(0) 推荐(0)
摘要:Bootstrap手册里对自身的栅格系统讲解的比较古板。初上手的朋友读完一遍也是云里雾里,在此说一说我个人的理解。什么是栅格系统?请参看我写的前两篇文章 网页设计中的960栅格系统(一)和 网页设计中的960栅格系统(二) 抽象的表格Bootstrap的栅格系统能自动根据当前设备的屏幕分辨率,横向分 阅读全文
posted @ 2016-06-29 11:25 stma 阅读(2374) 评论(0) 推荐(0)