django-bootstrap集成
来源:互联网 发布:snailsvn mac 怎么用 编辑:程序博客网 时间:2024/06/09 23:20
1.安装django-bootstrap-static
django-bootstrap-static采用pip安装,安装步骤如下
easy_install pip
pip install django-bootstrap-static
复制代码
安装成功后会在python/site-packages目录下增加一个bootstrap目录
2.settings.py中引入
INSTALLED_APPS = (
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.sites',
'django.contrib.messages',
'django.contrib.staticfiles',
# Uncomment the next line to enable the admin:
'django.contrib.admin',
# Uncomment the next line to enable admin documentation:
# 'django.contrib.admindocs',
'order',
'bootstrap',
)
复制代码
注意在最后面加入了bootstrap
3.引入base.html
注意在site-packages\bootstrap\templates\bootstrap\目录下可以找到一个base.html,把它替换老师写的base.html,注意将该文件中的{{ STATIC_URL }}改成/static/,如下
<link href="/static/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="/static/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
复制代码
4.使用bootstrap
完成上面的步骤后,就可以随意使用bootstrap了,比如使用它的nav功能:
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">EShop</a>
<div class="nav-collapse collapse">
<p class="navbar-text pull-right">
欢迎,<a href="#" class="navbar-link">{{ user.username }}////{{ user.email }}</a>
<a href="/admin/password_change/">修改密码</a> /
<a href="/admin/logout/">注销</a>
</p>
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
复制代码
- django-bootstrap集成
- django-bootstrap集成
- Flask-Bootstrap集成Twitter Bootstrap
- python django | bootstrap
- Django Bootstrap toolkit
- Django使用bootstrap实例
- django+AngularJS+Bootstrap配置
- django-bootstrap 总结
- bootstrap 集成font-awesome
- mybatis spring 集成 bootstrap
- Flask集成bootstrap
- Bootstrap UploadFile集成EasyUI
- angular2集成ng-bootstrap
- django集成fabric
- django集成DjangoUeditor
- webpack人门 & 集成django
- 九 Django 1.5.4 Bootstrap
- django 结合bootstrap 的初探
- pflua:用Lua编写的高性能网络包过滤工具箱
- C# WinFrom捕获按键按下事件(一)
- NSNotification的使用
- 【LeetCode】Jump Game
- 排序算法(C实现)--------- 简单选择排序
- django-bootstrap集成
- JAVA学习第五课(排序+二分查找+查表法)
- 三步曲学Java socket编程
- SEO到底还能走多远
- JSON设置过滤属性
- django 结合bootstrap 的初探
- Codeforces Round #263 (Div. 2)-C. Appleman and Toastman
- 第一篇博文
- Testng + Webdriver 入门篇