标签归档:bootstrap

RSS feed of bootstrap

CDN bootstrap glyphicons图标IE下无法显示

百度,新浪等站点提供了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主题

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以及 ...

继续阅读