问题产生原因:
页面用Bootstrap的栅格系统来布局,类col-xs-*左右会有15px的padding,该类下有元素img希望顶边展示,这就需要给col-xs-*类添加额外的样式:padding:0px;
如此做后,该类底下若再有row类,会出现该元素宽度超出父元素宽度。
解决方法:
为后来的row类添加样式:100%;
示例代码:
...
分类:
其他好文 时间:
2014-11-07 13:09:08
阅读次数:
237
深入理解bootstrap笔记:第一天书中page1中提及:bootstrap在github上已经有5142个watch、64207个star、23019个fork,ok~what is the watch、star and fork? 经过小编一翻搜索:watch-关注,star-加...
分类:
其他好文 时间:
2014-11-07 12:45:11
阅读次数:
200
官方网址:http://angular-ui.github.io/bootstrap新一代的轻量级在线协作编辑:Plunkerhttp://plnkr.co/edit/?p=previewhttp://angular-ui.github.io/bootstrap/http://code.org/le...
分类:
其他好文 时间:
2014-11-06 19:31:25
阅读次数:
124
Bootstrap框架写的后台管理模板 【MATRI ADMIN】为了解决浏览器兼容问题,公司前段UI准备使用Bootstrap框架写的模板,便于后期项目过检时,浏览器不兼容出现的不必要的麻烦首先做一些简单的介绍JavaScript 插件可以单个引入(使用 Bootstrap 提供的单个*.js.....
分类:
其他好文 时间:
2014-11-06 19:19:16
阅读次数:
230
在使用bootstrap中,我们会经常用到按钮组,也就是btn-group,如果仔细观察的话,会发现一个按钮组的第一个和最后一个按钮分别是有圆角的,如下图:但是中间的按钮是没有圆角的,这样显得比较美观。在结合angular使用过程中,有时候需要根据一些条件来隐藏掉一些按钮,当隐藏第一个或最后一个按钮...
分类:
其他好文 时间:
2014-11-05 22:56:49
阅读次数:
282
Bootstrap的导航栏看起来很好用的样子,但是缺点是相当致命的。...
分类:
编程语言 时间:
2014-11-05 19:51:23
阅读次数:
338
Catalina的作用是初始化各个组件,并开始启动各个组件。
上文中介绍了Bootstrap是如何启动Catalina的,现在来看看Catalina的作用:
1,Catalina或通过Digester类加载server.xml,获取server.xml中各个组件的实例,并赋值(这个类是通过扩展SAX来完成的)。
2,调用server的start方法开启server组件,server会一级一级...
分类:
其他好文 时间:
2014-11-05 19:48:47
阅读次数:
245
之前看了有一些现成的blockUI、Boxy、tipswindow等的jQuery弹出层插件,可是我的要求并不高,只需要在保存后弹出提示信息即可,至于复杂点的弹出层-可以编辑的,我是直接用bootstrap的model来实现的,因此我就自己做了一个简洁的可以用来弹出提示信息的功能。 首先在页面...
分类:
Web程序 时间:
2014-11-05 14:32:42
阅读次数:
181
什么是 Bootstrap? Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。 历史 Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Boot...
分类:
其他好文 时间:
2014-11-05 14:20:50
阅读次数:
192
Bootstrap是最流行的前端框架,目前已经发布了它的第三个版本(v3.0.0)。本教程将带您开始学习 Bootstrap 3。 您还将看到如何使用自定义与众不同的框架的框特征,比如使用网格创建布局,通过 nav 创建导航,使用 carousal 创建下拉框,添加社交插件和 Google Map ...
分类:
其他好文 时间:
2014-11-05 14:17:43
阅读次数:
175