标签归档：bootstrap

RSS feed of bootstrap

CDN bootstrap glyphicons图标IE下无法显示
作者是 发布于 在 django.

百度，新浪等站点提供了CDN JavaScript公用库，包含了前端开发常用的JavaScript库文件与CSS样式表，开发者可以很方便地从这些CDN引用所需的样式文件，还可以保证不错的响应速度。

bootcss中文站、百度的bootstrap库引用方式如下所示：

<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">
<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js" type ...

继续阅读

bootstrap轮播插件使用方法
作者是 发布于 .

Bootstrap Carousel是一款实用的轮播组件，示例如下：

代码如下：


<div id="carousel-example" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
 <li data-target="#carousel-example" data-slide-to="0" class="active"></li>
 <li data-target="#carousel-example" data-slide-to="1 ...

继续阅读

bootstrap标签页使用方法
作者是 发布于 .

Bootstrap的JS插件中包含了标签页组件，使用步骤如下：

1. 在页面中添加bootstrap的样式与js引用，例如可以从百度CDN获取：


<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" />

2. 添加标签头部 ...

继续阅读

获取Bootstrap3 Modal的调用元素
作者是 发布于 .

Bootstrap的模态框(Modal)是一个非常实用的Javascript组件。

从3.0版本开始，Modal对话框的调用元素可以通过show/shown事件中新加入的relatedTarget属性获取

“If caused by a click, the clicked element is available as the relatedTarget property of the event.”

用法如下：


$('#myModal').on('show.bs.modal', function (e) {
  var invoker = $(e.relatedTarget);
});

继续阅读

Django Zinnia博客更换Bootstrap主题
作者是 发布于 在 django-blog-zinnia.

Bootstrap是Twitter推出的一个开源的前端开发工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，由动态CSS语言Less写成，在业界享有很高的知名度。

Django Zinnia博客提供了一套基于Bootstrap 3的模板主题zinnia-theme-bootstrap，可以很方便地集成Bootstrap的主题风格。

zinnia-theme-bootstrap主题安装的前置依赖条件见下表：

前置依赖 URL
six https://pypi.python.org/pypi/six
django-app-namespace-template-loader https://github.com/Fantomas42/django-app-namespace-template-loader

1. 下载上述源码包，分别将zinnia_bootstrap目录，six.py以及 ...

继续阅读