BootStrap扔进Django里的方法详解
发布于 2017-04-02 12:55:45 | 234 次阅读 | 评论: 0 | 来源: 网友投递
Bootstrap Web前端CSS框架
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。
这篇文章主要介绍了BootStrap扔进Django里的方法，小编认为本文介绍的不错，具有参考借鉴价值，感兴趣的朋友一起学习吧
因为django的版本差异化比较大，所以以下配置仅供学习参考。
D:\www\mysite>python --version
Python 2.7.5
>>> print django.__version__
1.9.4
本记录不作细说，主要配置过程如下：
1.settings.py最后一段，关于静态文件的配置
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.9/howto/static-files/
SITE_ROOT = os.path.join(os.path.abspath(os.path.dirname(__file__)), '..')
STATIC_ROOT = os.path.join(SITE_ROOT, 'static')
STATIC_URL = '/static/'
STATICFILES_DIRS = (
("css", os.path.join(STATIC_ROOT, 'css')),
("js", os.path.join(STATIC_ROOT, 'js')),
("images", os.path.join(STATIC_ROOT, 'images')),
("bower_components", os.path.join(STATIC_ROOT, 'bower_components')),
)2.urls.py 关于路由的配置
urlpatterns = [
url(r'^admin/', admin.site.urls),
url(r'^$', views.index),
url(r'^home/', views.home),
]3.views.py 视图设计，简单得不能再简单的那种。
def home(request):
return render_to_response('home/login.html')4.模板调用 home/login.html 页面对于静态文件css, js,以及图片等调用。
<!-- Bootstrap Core CSS -->
<link href="/static/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="/static/css/sb-admin-2.css" rel="stylesheet">
<img src="/static/images/xjlxprocess.png" />5.最后，我的目录结构，就如网上其它文章所描述的那样。
website
---------static
---------|-----css
---------|-----js
---------|-----images
---------|-----bower_components
---------templates
---------|-----home
---------|-----------login.html
---------|-----admin
---------website6.站点打开如下：
以上内容是小编给大家介绍的BootStrap扔进Django里的方法详解，希望对大家有所帮助，如果大家想了解更多资讯敬请关注phperz网站!
推荐阅读
最新资讯