7.继续看Bootstrap

因为白天可以上W3C英文,晚上回家又上不去,所以改用菜鸟的教程,其实都差不多

今天看到这里:

http://www.runoob.com/bootstrap/bootstrap-images.html

响应式图片

在 Bootstrap 版本 3 中,通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了max-width: 100%;、 height: auto; 和 display: block; 属性,从而让图片在其父元素中更好的缩放。

如果需要让使用了 .img-responsive 类的图片水平居中,请使用 .center-block 类,不要用 .text-center。 请参考助手类章节 了解更多关于 .center-block 的用法。

时间: 2024-09-28 21:40:51

7.继续看Bootstrap的相关文章

关于【bootstrap】中,【tooltip】的不算bug的bug的个人看法

先说下遇到这个问题的背景吧. 就是在页面中有个div,这个div右上角(或者其他位置)有个 × 的图标(这个图标添加tooltip工具提示),光标移到这个图标时,触发tooltip,提示“点击移除”这样类似的字样,然后点击后,把这个div作remove()这样的删除操作. 然后,问题来了,因为这个div被remove()了,导致生成的tooltip对应的 × 图标也被remove(),因为找不到,所以对应的mouseout(可能是mouseleave事件,参考了一下bootstrap的源码,没找

bootstrap插件学习-bootstrap.carousel.js

先看bootstrap.carousel.js的结构 var Carousel = function (element, options){} //构造器 Carousel.prototype = {} // 构造器原型 $.fn.carousel = function ( option ) {} //jQuery原型上自定义的方法 $.fn.carousel.defaults ={} //默认参数 $.fn.carousel.Constructor = Carousel // 重写jQuery

bootstrap中 刷新页面,tab页选中不改变。

直接拷贝本人代码即可 注意在同级目录下引用 相应的js 和 css. 能实现tab效果 关键看bootstrap的 data-toggle= tab <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="bootstrap.min.css"> <script src="

浅谈,bootstrap,响应式网站

1什么是响应式网站? 我刚进公司,项目经理给了我一个页面让我做 我看到第一个要求就头大了,什么是bootstrap?? 不知道,什么是响应式支持???不知道,到是最后一个css与js与页面分离, 项目经理问我什么都不知道,感觉挺担心的,会不会因为这个把我踢了,呵呵,不过运气很好,项目经理只是让我把这方面的知识补补, 有问题怎么办?? 百度一下,这是我第一想到的,然后就去查了, bootstrap : 前端框架,一些做好的效果,里面的各种插件非常好,可以直接拿来用 我就去bootstrap中文网下

Appium Android Bootstrap控制源代码的分析AndroidElement

通过上一篇文章中<Appium Android Bootstrap源代码分析之简单介绍>我们对bootstrap的定义以及其在appium和uiautomator处于一个什么样的位置有了一个初步的了解,那么依照正常的写书的思路,下一个章节应该就要去看bootstrap是如何建立socket来获取数据然后如何进行处理的了. 但本人认为这样子做并不会太好,由于到时整篇文章会变得非常的冗长,由于你在编写的过程中碰到不认识的类又要跳入进去进行说明分析. 这里我认为应该尝试吸取著名的<重构>

初始bootstrap

bootstrap是什么?如果现在还没听说过,或者只是大概知道,那,你就out了.bootstrap是一个基于jQuery的js框架,是Mark Otto和Jacob Thornton在Twitter公司共同开发的,2011年8月发布至今已经成为Github上最受关注的开源项目.它的官网是:http://getbootstrap.com/.我也搞不懂为什么前面要加个get.现在最新的版本是3.3.2. 虽然bootstrap更多的用于移动端,但是官网首页的宣言是One framework, ev

Appium Android Bootstrap源码分析之控件AndroidElement

通过上一篇文章<Appium Android Bootstrap源码分析之简介>我们对bootstrap的定义以及其在appium和uiautomator处于一个什么样的位置有了一个初步的了解,那么按照正常的写书的思路,下一个章节应该就要去看bootstrap是如何建立socket来获取数据然后怎样进行处理的了.但本人觉得这样子做并不会太好,因为到时整篇文章会变得非常的冗长,因为你在编写的过程中碰到不认识的类又要跳入进去进行说明分析.这里我觉得应该尝试吸取著名的<重构>这本书的建议

Bootstrap——一款超好用的前端框架

   前  言                Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,用于开发响应式布局.移动设备优先的 WEB 项目.Bootstrap在JQuery的基础上进行了更为个性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件.让前端开发更快速.简单. 基本结构:Bootstrap 提供了一个带有网格系统.链接样式.背景的基本结构. CSS:Bootstrap 自带以下特性:全局的 CSS设置.定义基本的 HTML 元素样式.可扩展的

1.Tomcat组件梳理—Bootstrap启动器

Tomcat组件梳理-Bootstrap启动器 一开始是直接从Server开始做梳理的,但是发现有很多东西是从Catalina传输过来的,Catalina又是从Bootstrap启动的,所以还是回过头来从Bootstrap开始梳理吧. 1.定义和功能 Bootstrap是Tomcat的入口类,main方法也在这个类中,脚本启动往往也是直接调用这个类. 该类作为启动整个Tomcat的启动器,有自己的一些特点,该类主要操作对象是Catalina类,但是这两个又是解耦的,解耦的方法是通过反射去获取Ca