bootstrap设置背景图片自适应屏幕大小：
css中编辑此样式：
.bg { background:url(图片地址) no-repeat center; background-size:contain;}
然后在你的div里引用这个样式就行了：
<div class="row bg">
使图片不随滚动条滚动，即固定不动则加fixd，css代码如下：
.bg { background:url(图片地址) no-repeat center fixed; background-size:contain;}
更多Bootstrap相关技术文章，请...
阅读全文
弹出框（Popover）与工具提示（Tooltip）类似，提供了一个扩展的视图。如需激活弹出框，用户只需把鼠标悬停在元素上即可。弹出框的内容完全可使用 Bootstrap 数据 API（Bootstrap Data API）来填充。该方法依赖于工具提示（tooltip）。
弹出框（Popover）插件根据需求生成内容和标记，默认情况下是把弹出框（popover）放在它们的触发元素后面。您可以有以下两种方式添加弹出框（popover）：（推荐学习：Bootstrap视频教程）
通...
阅读全文
推荐教程：BootStrap教程
写前端都会面临的一个问题就是分页，如果是纯js分页也是可以的，只是可能代码量比较大，所以今天写一个关于用bootstrap框架分页的例子，希望以后可以帮助到一些对这方面比较头疼的码农。
首先需要明确的一点是，哪些数据是需要分页的，单从数据显示上其实是没有必要分页的，因为页面是可以显示的出来的，但是作为一个相对比较合格的前端，你首先要考虑的不仅仅是这个功能是不是可以实现，而是...
阅读全文
推荐教程：Bootstrap教程
1、首先我们需要自定义一个css样式
.bg { background:url(图片地址) no-repeat center; background-size:contain;}
2、在我们需要用到该样式的div中引用它
<div class="row bg">
3、如果需要图片不随滚动条滚动，即固定不动则加fixd
.bg { background:url(图片地址) no-repeat center fixed; background-size:contain;}
原文章地址：https://www.cnblogs.com...
阅读全文
Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。
是一个做网页的框架（目前最流行的WEB前端框架），就是说你只需要写HTML标签调用它的类你就可以很快速的做一个高大上的网页，你不用担心兼容问题，提供了很多样式供你选择！（推荐学习：Bootstrap视频教程）
包含内容
基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结...
阅读全文
简单地说，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。
在说到响应式，很多人会立刻想到：
Boilerplate，Foundation，Ulkit，bootstrap这些框架。（推荐学习：Bootstrap视频教程）
而以下，我将就Twitter推出的bootstrap为例，毕竟最火，使用的人也多。
类似bootstrap这类响应式框架其底层实现原理就是媒体查询。
打开Bootstrap核心CSS文件开发版，可以清晰看...
阅读全文
其实不需要下面这么麻烦，只需要建一个fonts文件夹放在和js,css文件同级目录下，就可以正确引用。
关键是下面这几个文件得有：（推荐学习：Bootstrap视频教程）
glyphicons-halflings-regular.eotglyphicons-halflings-regular.svgglyphicons-halflings-regular.ttfglyphicons-halflings-regular.woff
相关的 CSS 规则写在 dist 文件夹内的 css 文件夹内的 bootstrap.css 和 bootstrap-min.css 文件上。
字体文件的路径请灵活...
阅读全文
bootstrap怎么让图片自适应屏幕
bootstrap响应式图片的正确的设置是在img上面加上两个类就可以了。
<img src="..." class="img-responsive center-block" >
如果是在内容页里面的话，直接用js给每个img加上属性就可以了。
$(window).load(function(){ $(".panel-body img").addClass("img-responsive center-block"); })
在 Bootstrap 版本 3 中，通过为图片添加 .img-resp...
阅读全文
Bootstrap是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。
移动设备优先：自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。（推荐学习：Bootstrap视频教程）
浏览器支持：所有的主流浏览器都支持 Bootstrap。
容易上手：只要您具备 HTML 和 CSS 的基础知识，您就可以开始学习 Bootstrap。
响应式设计：Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑...
阅读全文
border-radius，国内翻译成圆角，你可能以为这个属性就是用来画圆角，没错，但是除此之外，它还可以做点别的事情。
radius其实指的是边框所在圆的半径，这个CSS3属性不仅能够创建圆角，还可以创建圆形，把这些角按照不同的顺序和大小来展现，能够绘制成多种多样的图形。（推荐学习：Bootstrap视频教程）
利用border-radius将标签设置成圆形，只要将border-radius的值设置成50%，就可以变成圆形。
实例：
<html> <h...
阅读全文