bootstrap.min.css 无法js调用css本地使用,只有js调用css其他网站的资源才可用.

我想在 Django 中使用WeasyPrint生成报告。 但是我不知道如何集成 css ( 特别是 Bootstrap css文件) 。 我可以看到生成的html 。 但是,当我将这一行添加到模板中时,我得到了一个警告。&link href="/static/css/bootstrap.min.css" rel="stylesheet"/&警告是- relative URI引用没有基 URI: 在行行。我想知道如何将基URI发送到模板。 任何帮助将不胜感激。
时间:17年08月21日原作者:
回答我自己的问题,这是非常简单的。 我所要做的就是添加 base_url=request.build_absolute_uri() 因此,打印命令看起来像:weasyprint.HTML(string=html,base_url=request.build_absolute_uri()).write_pdf(response)
Copyright (C) 2011 HelpLib All rights reserved. &&开始使用 & Bootstrap Table
假如您喜欢 Bootstrap Table:
问题/帮助:
来安装和管理 Bootstrap table 的 CSS,JavaScript, 多语言和扩展。
$ bower install bootstrap-table
下载的 Bootstrap table 源码包含了未压缩的 CSS,JavaScript,语言文件以及扩展,并且提供了压缩扰乱的 min 文件,当然也提供了我们的文档。更具体地说,主要包含了以下的文件:
bootstrap-table/
├── dist/
├── extensions/
├── locale/
├── bootstrap-table.min.css
└── bootstrap-table.min.js
├── docs/
└── src/
├── extensions/
├── locale/
├── bootstrap-table.css
└── bootstrap-table.js
src/,locale/ 和 extensions/ 是我们的 CSS,JavaScript 的源码。dist/文件夹包含了所有src/下压缩并扰乱的文件。docs/文件夹包含了我们文档的源码。另外,我们提供了包信息,License 信息,和其他的信息。
编译 CSS 和 JavaScript
Bootstrap table 使用
来作为编译系统,可以用十分方便的方法来编译我们代码,或者文档等等。
安装 Grunt
安装 Grunt,你必须先
(包含 npm)。npm 是
管理工具。
然后,我们使用命令行:
进入到 /bootstrap-table/ 的根目录,然后运行 npm install。npm 将通过查找 package.json 文件并自动安装这里所需要的依赖。
完成之后,你就可以运行一下的命令来编译的代码了。
可以用的 Grunt 命令
npm run grunt docs (编译和测试文档)
编译和测试 CSS,JavaScript,本地我们可以通过 jekyll serve 来运行我们的文档。
npm run grunt (编译所有并运行测试)
压缩和扰乱 CSS 和 JavaScript,测试,编译文档等等。依赖 。
如果你安装或运行依赖是遇到问题,首先删除 /node_modules/ npm 生成的文件夹。然后,再运行一次 npm install 即可。
引入 Bootstrap 库(假如你的项目还没有使用)和 bootstrap-table.css 到 head 标签下。
&link rel="stylesheet" href="bootstrap.min.css"&
&link rel="stylesheet" href="bootstrap-table.css"&
引入 jQuery 库,bootstrap 库(假如你的项目还没有使用)和 bootstrap-table.js 到 head 标签下或者在 body 标签关闭之前(一般建议这么做)。
&script src="jquery.min.js"&&/script&
&script src="bootstrap.min.js"&&/script&
&script src="bootstrap-table.js"&&/script&
&-- put your locale files after bootstrap-table.js --&
&script src="bootstrap-table-zh-CN.js"&&/script&
通过 data 属性或者 JavaScript 来启用 Bootstrap Table 插件,显示丰富的功能。
通过 data 属性的方式
无需编写 JavaScript 启用 bootstrap table,我们对普通的 table 设置 data-toggle=&table& 即可。
&table data-toggle="table"&
&th&Item ID&/th&
&th&Item Name&/th&
&th&Item Price&/th&
&td&1&/td&
&td&Item 1&/td&
&td&$1&/td&
&td&2&/td&
&td&Item 2&/td&
&td&$2&/td&
我们也可以通过设置远程的 url 如
data-url=&data1.json& 来加载数据。
&table data-toggle="table" data-url="data1.json"&
&th data-field="id"&Item ID&/th&
&th data-field="name"&Item Name&/th&
&th data-field="price"&Item Price&/th&
通过 JavaScript 的方式
通过表格 id 来启用 bootstrap table。
&table id="table"&&/table&
$('#table').bootstrapTable({
columns: [{
field: 'id',
title: 'Item ID'
field: 'name',
title: 'Item Name'
field: 'price',
title: 'Item Price'
name: 'Item 1',
price: '$1'
name: 'Item 2',
price: '$2'
我们也可以通过设置远程的 url 如
url: 'data1.json' 来加载数据。
$('#table').bootstrapTable({
url: 'data1.json',
columns: [{
field: 'id',
title: 'Item ID'
field: 'name',
title: 'Item Name'
field: 'price',
title: 'Item Price'在 SegmentFault,学习技能、解决问题
每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助,内容完整,我也想知道答案
问题没有实际价值,缺少关键内容,没有改进余地
在windows环境下使用flask_bootstrap库练习开发,flask_bootstrap中的base.html文件默认引入bootstrap.min.css,调用路径如下:
`&link href="{{bootstrap_find_resource('css/bootstrap.css', cdn='bootstrap')}}" rel="stylesheet" local='True'&`
在debug环境下调用路径为:/static/css/bootstrap.min.css
将app文件夹(内含虚拟环境)迁移到其他主机上运行演示时,bootstrap.min.css加载失败。通过F12查看加载路径为:
net::ERR_NAME_NOT_RESOLVEDNavigated to
将link方式修改为绝对路径/static/css/bootsrap.min.css仍然显示上述路径。
实在无力,求解!谢谢
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
net::ERR_NAME_NOT_RESOLVED
这好像是跨域错误,对方的css文件禁止跨域,你只能把它下载下来放到本地用
同步到新浪微博
分享到微博?
关闭理由:
删除理由:
忽略理由:
推广(招聘、广告、SEO 等)方面的内容
与已有问题重复(请编辑该提问指向已有相同问题)
答非所问,不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因(请补充说明)
我要该,理由是:
在 SegmentFault,学习技能、解决问题
每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。博客分类:
1.spring boot默认加载文件的路径是
/META-INF/resources/
/resources/
/static/
/public/
这些目录下面, 当然我们也可以从spring boot源码也可以看到
private static final String[] CLASSPATH_RESOURCE_LOCATIONS = {
"classpath:/META-INF/resources/", "classpath:/resources/",
"classpath:/static/", "classpath:/public/" };
所有本地的静态资源都配置在了classpath下面了, 而非在webapp下了
&%@ page language="java" contentType="text/ charset=utf-8"
pageEncoding="utf-8"%&
&!DOCTYPE html&
&%@ taglib prefix="c" uri="http://java.sun.com/jstl/core"%&
&html lang="zh-cn"&
&meta charset="utf-8"&
&meta http-equiv="X-UA-Compatible" content="IE=edge"&
&meta name="viewport" content="width=device-width, initial-scale=1.0"&
&meta name="description" content=""&
&meta name="author" content=""&
&title&用户登录&/title&
&!-- CSS件 --&
&link rel="stylesheet" href="/css/bootstrap.min.css"&
&link rel="stylesheet" href="/css/login.css"&
&div class="container"&
&form class="form-signin"&
&h2 class="form-signin-heading"&Please sign in&/h2&
&input type="text" class="form-control" placeholder="Email address" required autofocus&
&input type="password" class="form-control" placeholder="Password" required&
&button class="btn btn-lg btn-primary btn-block" type="submit"&Sign in&/button&
&script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"&&/script&
&script src="/js/bootstrap.min.js"&&/script&
3.目录结构详见附件
浏览 69056
浏览: 369463 次
来自: 上海
楼主,想问下,我配置的这个拦截器为啥没有生效呢?import
项目跑步起来啊,打印完日志就 Process finished ...
什么都不懂的孩子 写道请问一下registry.addInte ...
1 、2 楼 那句的意思是加入名称为UserSecurityI ...
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'为了账号安全,请及时绑定邮箱和手机
bootstrap.min.css与bootstrap.css的样式区别
与的区别很大吗?为什么在做navbar的时候,必须用.min?引用不同的版本,显示出来的样式差别很大
是使用&div class=&pagination&&&ul&...&/ul&&/div&的问题,手册上是这么用的,但有的时候就不显示样式。还是谢谢啦!难得遇到脾气好的人,敲代码需要一个好的心态实在是太重要了!
非常感谢!
写下你的评论...
以&div class=&pagination&&....&/div&为例,在引入bootstrap.css时,显示的是分页效果,引入bootstrap.min.css时,就没有样式,ul的list-style-type还在
写下你的评论...
Copyright (C) 2018 imooc.com All Rights Reserved | 京ICP备 号-11

我要回帖

更多关于 html怎么调用css 的文章

 

随机推荐