文档章节

django-bootstrap集成

MyPy
 MyPy
发布于 2014/04/22 16:46
字数 352
阅读 3355
收藏 1

1.安装django-bootstrap-static
django-bootstrap-static采用pip安装,安装步骤如下

  1. easy_install pip

  2. pip install django-bootstrap-static

复制代码

安装成功后会在python/site-packages目录下增加一个bootstrap目录
2.settings.py中引入

  1. INSTALLED_APPS = (

  2.     'django.contrib.auth',

  3.     'django.contrib.contenttypes',

  4.     'django.contrib.sessions',

  5.     'django.contrib.sites',

  6.     'django.contrib.messages',

  7.     'django.contrib.staticfiles',

  8.     # Uncomment the next line to enable the admin:

  9.     'django.contrib.admin',

  10.     # Uncomment the next line to enable admin documentation:

  11.     # 'django.contrib.admindocs',

  12.     'order',

  13.     'bootstrap',

  14. )

复制代码

注意在最后面加入了bootstrap
3.引入base.html
注意在site-packages\bootstrap\templates\bootstrap\目录下可以找到一个base.html,把它替换老师写的base.html,注意将该文件中的{{ STATIC_URL }}改成/static/,如下

  1.     <link href="/static/bootstrap/css/bootstrap.css" rel="stylesheet">

  2.     <link href="/static/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">

复制代码

4.使用bootstrap
完成上面的步骤后,就可以随意使用bootstrap了,比如使用它的nav功能:

  1. <div class="navbar navbar-inverse navbar-fixed-top">

  2.     <div class="navbar-inner">

  3.         <div class="container-fluid">

  4.            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">

  5.                <span class="icon-bar"></span>

  6.                <span class="icon-bar"></span>

  7.                <span class="icon-bar"></span>

  8.             </a>

  9.             <a class="brand" href="#">EShop</a>

  10.             <div class="nav-collapse collapse">

  11.                 <p class="navbar-text pull-right">

  12.                     欢迎,<a href="#" class="navbar-link">{{ user.username }}////{{ user.email }}</a>

  13.                     <a href="/admin/password_change/">修改密码</a> /

  14.                     <a href="/admin/logout/">注销</a>

  15.                 </p>

  16.                 <ul class="nav">

  17.                     <li class="active"><a href="#">Home</a></li>

  18.                     <li><a href="#about">About</a></li>

  19.                     <li><a href="#contact">Contact</a></li>

  20.                 </ul>

  21.             </div><!--/.nav-collapse -->

  22.         </div>

  23.     </div>

  24. </div>

复制代码


本文转载自:django-bootstrap集成 http://f.dataguru.cn/thread-159632-1-1.html

MyPy
粉丝 1
博文 24
码字总数 6486
作品 0
武汉
程序员
私信 提问
运维管理平台系统架构简图

开发环境是python 2.7,mysql 5.6,django1.8现网环境采用django集成nginx,前端展现采用bootstrap样式。

落叶刀
2015/12/30
339
0
最全的 Twitter Bootstrap 开发资源清单

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包,由Twitter的设计师Mark Otto和Jacob Thornton合作开发。Bootstrap提供了优雅的HTML和CSS规范,它由动态CSS语言LESS写成,与CSS框架...

Jeky
2012/11/29
15.5K
48
用Django搭建个人博客网站(五. 构建后台和文章编辑器)

首先,我们先在models.py中创建一个文章的数据模型 创建文章 打开models.py文件,编写一个文章的数据模型: 文章模型 注意,不要忘了新建了数据模型后要使用makemigrations和migrate进行同步...

眼君
2017/12/17
0
0
Django - 如何集成使用sitetree插件

问题背景: 在使用Metronic作为前端模版的时候, 默认的左侧导航栏的效果如下图所示: Metronic 左侧导航栏 其示例Html文件对于这一个导航栏的实现长达1000多行,此处只截取部分展示: 这段代...

fall4u
2017/12/24
0
0
简易博客系统--SimpleBlog

笔者用过django一段时间了,是时候写点东西了。不过官网文档稍微有点复杂,对新手而言很困难,而网上的一些教程很多都过时了,最近看到一个外文的教程非常不错,基于最新的django1.9写的,通...

一刀
2015/01/04
3.4K
0

没有更多内容

加载失败,请刷新页面

加载更多

反编译9.png图片还原

本文链接:https://blog.csdn.net/a1140778530/article/details/10528507 经常反编译apk文件找资源,9.png的文件处理起来很麻烦。 最近使用Ant自动编译打包app时,从别处搜罗来的9.png文件导...

shzwork
4分钟前
1
0
Shell脚本应用 – for、while循环语句

一、for循环语句 在实际工作中,经常会遇到某项任务需要多次执行的情况,而每次执行时仅仅是处理的对象不一样,其他命令相同。例如:根据通讯录中的姓名列表创建系统账号等情况。 当面对各种...

linux-tao
4分钟前
1
0
RPA风潮下企业财务工作模式的变革

RPA(机器人流程自动化)在财务领域的应用,正给企业财务带来前所未有的改变。 前RPA时代,财务领域面临的痛点 在RPA机器人应用之前,企业财务工作进程的推进,主要通过财务人员人工操作或信...

UiBot
9分钟前
2
0
Hive之命令行修改表注释

最近遇到一个需求,在不重建表的情况下,修改表的注释,hive有没有类似关系型数据库的SQL命令来修改呢,找了下,亲测有效,如下List-1 List-1 hive>use your_schemahvie>ALTER TABLE tabl...

克虏伯
10分钟前
1
0
是什么,它的作用是什么

在HTML文档的首部往往会有这么一句话<!DOCTYPE html>,许多时候我们忽视了它的存在,它实际上是一个声明,告诉浏览器用哪种HTML版本的规范来解读HTML文档。 尽管我们不给出这句声明浏览器照样...

前端老手
15分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部