用eclipse开发web时导入本地bootstrap.css出现问题
 <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

上面这句是使用在线方式加载css框架,一切正常。

然后被告知不能用这种方式,要使用本地资源
于是我把bootstrap.min.css文件放到项目根目录下后,尝试了以下N种方法,结果都不能正确加载css文件导致显示出的网页不正常(没有样式):

 <link rel="stylesheet" href="bootstrap.min.css">
 <link rel="stylesheet" href="./bootstrap.min.css">
 <link rel="stylesheet" href="<%=request.getContextPath()%>/bootstrap.min.css">
 <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap.min.css">

甚至当我使用绝对路径时,也不能加载本地的css文件!:

 <link rel="stylesheet" href="D:/bootstrap-3.3.5-dist/css/bootstrap.min.css">

崩溃了!这个问题到底出在哪里?为什么只有用在线加载方式时可以正常显示网页,而使用其他各种办法,甚至是指定绝对路径时,也无法正常加载?
求大神指点一下菜鸟

6个回答

通常你如果目录结构为:
webapp
>static
bootstrap.css
>WEB-INF
index.jsp
css文件路径:webapp/static/bootstrap.css
JSP页面路径:webapp/WEB-INF/index.jsp
那么你在页面导样式应为:

 <link rel="stylesheet" href="<%=request.getContextPath()%>/static/bootstrap.min.css">
f455176715
f455176715 我刚才又试了下,把css文件放在WEB-INF目录下时,即使路径正确也不能加载。是因为静态资源不能和jsp页面放在同一个目录下吗?WEB-INF这个目录为什么会限制对静态资源的访问?
4 年多之前 回复
f455176715
f455176715 问题解决了,我把css文件放在WEB-INF目录下,把它拉出来到webapp目录下后,总算能正确导入了!3Q
4 年多之前 回复

好奇怪代码都去哪儿了

有可能:
1、你的样式路径不对
2、你页面代码有错

建议楼主贴下代码

f455176715
f455176715 更新了!好吧新人第一次发帖连代码都不会正确写入,感觉自己萌萌哒
4 年多之前 回复
f455176715
f455176715 我原帖中帖了代码啊,为什么发出来没有代码
4 年多之前 回复

你可以贴下关键代码,另外你要看下,你的web项目是不是有过滤器,然后,把静态资源也给过滤了!
伪代码,你参考一下

default
.js
.css

f455176715
f455176715 应该去哪个文件里查看是否有过滤器?web.xml吗
4 年多之前 回复

测试下代码能不能出来 ... ..

    <servlet-mapping>
        <servlet-name>default</servlet-name>
        <url-pattern>*.js</url-pattern>
        <url-pattern>*.css</url-pattern>
    </servlet-mapping>

在web工程下的webroot下建一个文件css,把你下载的bootstrap的css文档放进去,然后在你要用到的js页面引用即可。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
导入bootstrap.css报错:Undefined attribute name (herf)
首先包我导入,路径也没问题!求上上签,解答 代码如下: ``` <link herf="/tencent/css/bootstrap.css" type="text/css" rel="stylesheet"/> <script type="text/javascript" src="/tencent/js/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="/tencent/js/bootstrap.js"></script> <body> <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> 顶部 </div> <nav class="navbar navbar-default navbar-fixed-bottom" role="navigation"> 底部 </nav> </body> ```
html中引入bootstrap.css不起作用
``` <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <title>bootstrap按钮</title> <link rel="serlesheet" type="text/css" href="CSS/bootstrap.css" > <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h1>按钮</h1> <a href="#" class="btn btn-default">默认按钮</a> <a href="#" class="btn btn-primary">通用按钮</a> <a href="#" class="btn btn-success">成功按钮</a> </div> </body> </html> ``` 谷歌浏览器F12也是显示没有bootstrap.css,另外两个引入的js文件正常,请问这是为什么啊。 用的Bootstrap3。谢谢
修改了Bootstrap.css文件为什么样式没有按自己改的被修改
我直接修改了Bootstrap.css文件来修改成我需要的样式,但是为什么改后没有任何变化。
Springboot项目中多个bootstrap.yml是否都会被加载?
Springboot项目下配置文件如下: application.yml bootstrap.yml bootstrap-dev.yml bootstrap-prod.yml bootstrap-local.yml bootstrap-test.yml 开发、生产、本地、测试多个环境的配置文件都在一个目录下. 问题1、未做pom文件的配置控制、运行当前项目是否只加载了application.yml和bootstrap.yml,其他的bootstrap-dev.yml等配置文件都未被加载? 问题2、bootstrap.yml和bootstrap-dev.yml存在相同的MQ消费者名称,会导致MQ部分消费吗?
bootstrap css显示不出来
当我直接用网上的例如: ``` <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> ``` 字体图标使用没有问题,当我把这个css文件下载到本地再加载。字体图标加载不出来。如下: <br> ![图片说明](https://img-ask.csdn.net/upload/201911/06/1573033913_369446.png) <br> 想问一下是什么原因?
求大神帮一下,eclipse 导入bootstrap无效果,该如何导入呢?
![图片说明](https://img-ask.csdn.net/upload/201709/10/1505057883_815368.png) <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/bs/css/bootstrap.min.css"> <script type="text/javascript" src="${pageContext.request.contextPath }/bs/js/jquery.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath }/bs/js/bootstrap.min.js"></script> 看博客这种写法,但是不好使呀 我把bs文件放在了webcontent下面了,jsp文件也是
用Nuget程序管理包添加twitter.bootstrap.mvc4出错
**用Nuget程序管理包添加twitter.bootstrap.mvc4,错误如下** Install-Package : 将“jQuery 1.9.1”更新到“jQuery 1.4.1”失败。找不到与“jQuery 1.4.1”兼容的“Twitter.Bootstrap, jQuery.Migrate, Microsoft.jQuery.Unobtrusive.Ajax, Microsoft.jQuery.Unobtrusive.Validation”版本。 At line:1 char:16 + install-package <<<< twitter.bootstrap.mvc4 + CategoryInfo : NotSpecified: (:) [Install-Package], InvalidOperationException + FullyQualifiedErrorId : NuGetCmdletUnhandledException,NuGet.PowerShell.Commands.InstallPackageCommand
在用jquery datatables插件的buttons扩展时,设置colvis属性问题
前端框架bootstrap3,使用mvc5 在使用jquery datatables插件的buttons扩展过程中,因为需要设置隐藏显示列的问题,使用了colvis属性, 初始化如下: buttons: [ { extend: 'colvis', text: '显示/隐藏列', columns: ':not(:last-child)', postfixButtons: [{ extend: 'colvisRestore', text: '重置' }, ] }, ] js文件导入顺序如下: jquery-3.0.0.min.js bootstrap.min.js jquery.dataTables.js dataTables.bootstrap.js dataTables.buttons.js buttons.bootstrap.js buttons.colVis.js css文件如下: bootstrap.css dataTables.bootstrap.css buttons.bootstrap.css 遇到的问题:页面生成的“显示/隐藏列”按钮,点击该按钮后弹出一下拉菜单,(内容为列集合,点击可进行隐藏或显示列),此菜单无法关闭,只能重新刷新页面才能关闭,请问怎么解决? 官网的例子:https://datatables.net/extensions/buttons/examples/column_visibility/simple.html 用的谷歌浏览器、火狐浏览器都有此问题,但官网例子则没有该现象。 请问我还需要进行什么设置?盼得到解答,谢谢!
eclipse 项目运行....../
The archive: C:/Program Files (x86)/Apache Software Foundation/Tomcat 7.0/bin/bootstrap.jar which is referenced by the classpath, does not exist. 你们好, 这个问题怎么解决 ?谢谢
关于bootstrap引入是否要引入tether
初学bootstrap,用html写了个表格,就简单的标题内容,引入了 bootstrap.min.css、 jquery.min.js和bootstrap.min.js。 打开html浏览器报错 Bootstrap tooltips require Tether。查了下发现要引入tether.min.css和tether.min.js。 引入后重新访问就没问题了,百度了说bootstrap不是必要引入tether,那为什么不引入会报错?两者的关系又是怎样的?
bootstrap4.0使用tab无法加载样式???
我bootstrap.js和bootstap.css都引用了,样式无法加载,js有效果。有没有用4.0遇到此问题的??? 备注:我在thymleaf模板框架开发的界面,公共css和js放在一个模板中,其他界面都会引用进界面。可能是楼下说的引入顺序不对导致的。
安装eclipse出错log,什么原因
[2019-08-25 21:28:31] Executing bootstrap tasks [2019-08-25 21:28:31] Java(TM) SE Runtime Environment 12.0.2+10 [2019-08-25 21:28:31] Product org.eclipse.products.epp.package.jee.2019-06 [2019-08-25 21:28:31] Bundle org.eclipse.oomph.setup 1.13.0.v20190530-1228, build=4030, branch=ed8d2fdcc99c1d3461399fc1bee02645433fa697 [2019-08-25 21:28:31] Bundle org.eclipse.oomph.setup.core 1.13.0.v20190531-1228, build=4030, branch=ed8d2fdcc99c1d3461399fc1bee02645433fa697 [2019-08-25 21:28:31] Bundle org.eclipse.oomph.setup.p2 1.11.0.v20190530-1228, build=4030, branch=ed8d2fdcc99c1d3461399fc1bee02645433fa697 [2019-08-25 21:28:31] Performing P2 Director (Eclipse IDE for Enterprise Java Developers (2019-06)) [2019-08-25 21:28:31] Offline = false [2019-08-25 21:28:31] Mirrors = true [2019-08-25 21:28:31] Resolving 89 requirements from 3 repositories to E:\eclipse\eclipse\eclipse [2019-08-25 21:28:31] Requirement epp.package.jee [4.12.0,5.0.0) [2019-08-25 21:28:31] Requirement org.eclipse.platform.feature.group [4.12.0,5.0.0) [2019-08-25 21:28:31] Requirement org.eclipse.rcp.feature.group [4.12.0,5.0.0) [2019-08-25 21:28:31] Requirement org.eclipse.buildship.feature.group [2019-08-25 21:28:31] Requirement org.eclipse.cft.server.core.feature.feature.group [2019-08-25 21:28:31] Requirement org.eclipse.cft.server.ui.feature.feature.group [2019-08-25 21:28:31] Requirement org.eclipse.datatools.common.doc.user.feature.group [2019-08-25 21:28:31] Requirement org.eclipse.datatools.connectivity.doc.user.feature.group [2019-08-25 21:28:31] Requirement org.eclipse.datatools.connectivity.feature.feature.group [2019-08-25 21:28:31] Requirement org.eclipse.datatools.connectivity.oda.designer.core.feature.feature.group [2019-08-25 21:28:31] Requirement org.eclipse.datatools.connectivity.oda.designer.feature.feature.group [2019-08-25 21:28:31] Requirement org.eclipse.datatools.connectivity.oda.feature.feature.group [2019-08-25 21:28:31] Requirement org.eclipse.datatools.doc.user.feature.group [2019-08-25 21:28:31] Requirement org.eclipse.datatools.enablement.apache.derby.feature.feature.group [2019-08-25 21:28:31] Requirement org.eclipse.datatools.enablement.feature.feature.group [2019-08-25 21:28:31] Requirement org.eclipse.datatools.enablement.hsqldb.feature.feature.group [2019-08-25 21:28:31] Requirement org.eclipse.datatools.enablement.ibm.feature.feature.group [2019-08-25 21:28:31] Requirement org.eclipse.datatools.enablement.ingres.feature.feature.group [2019-08-25 21:28:31] Requirement org.eclipse.datatools.enablement.jdbc.feature.feature.group [2019-08-25 21:28:31] Requirement org.eclipse.datatools.enablement.jdt.feature.feature.group [2019-08-25 21:28:31] Requirement org.eclipse.datatools.enablement.msft.feature.feature.group [2019-08-25 21:28:31] Requirement org.eclipse.datatools.enablement.mysql.feature.feature.group [2019-08-25 21:28:31] Requirement org.eclipse.datatools.enablement.oda.designer.feature.feature.group [2019-08-25 21:28:31] Requirement org.eclipse.datatools.enablement.oda.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.datatools.enablement.oracle.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.datatools.enablement.postgresql.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.datatools.enablement.sap.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.datatools.enablement.sdk.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.datatools.enablement.sqlite.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.datatools.enablement.sybase.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.datatools.intro.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.datatools.modelbase.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.datatools.sdk.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.datatools.sqldevtools.data.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.datatools.sqldevtools.ddl.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.datatools.sqldevtools.ddlgen.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.datatools.sqldevtools.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.datatools.sqldevtools.parsers.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.datatools.sqldevtools.results.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.datatools.sqldevtools.schemaobjecteditor.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.datatools.sqldevtools.sqlbuilder.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.datatools.sqltools.doc.user.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.eclemma.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.egit.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.egit.mylyn.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.epp.mpc.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.jdt.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.jpt.common.eclipselink.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.jpt.common.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.jpt.jaxb.eclipselink.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.jpt.jaxb.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.jpt.jpa.eclipselink.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.jpt.jpa.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.jsf.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.jst.common.fproj.enablement.jdt.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.jst.enterprise_ui.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.jst.jsf.apache.trinidad.tagsupport.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.jst.server_adapters.ext.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.jst.server_adapters.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.jst.server_ui.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.jst.web_ui.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.jst.webpageeditor.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.jst.ws.axis2tools.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.jst.ws.cxf.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.jst.ws.jaxws.dom.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.jst.ws.jaxws.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.m2e.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.m2e.logback.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.m2e.wtp.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.m2e.wtp.jaxrs.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.m2e.wtp.jpa.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.m2e.wtp.jsf.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.mylyn.bugzilla_feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.mylyn.context_feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.mylyn.ide_feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.mylyn.java_feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.mylyn.wikitext_feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.mylyn_feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.pde.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.tips.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.tm.terminal.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.wst.common.fproj.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.wst.jsdt.chromium.debug.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.wst.jsdt.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.wst.server_adapters.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.wst.web_ui.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.wst.xml_ui.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.wst.xsl.feature.feature.group [2019-08-25 21:28:32] Requirement org.eclipse.oomph.setup.feature.group [2019-08-25 21:28:32] Repository http://download.eclipse.org/technology/epp/packages/2019-06 [2019-08-25 21:28:32] Repository http://download.eclipse.org/releases/2019-06/201906191000 [2019-08-25 21:28:32] Repository http://download.eclipse.org/oomph/updates/milestone/latest [2019-08-25 21:32:11] ERROR: org.eclipse.equinox.p2.transport.ecf code=1002 Unable to read repository at http://download.eclipse.org/releases/2019-06/201906191000/content.xml.xz. java.net.SocketTimeoutException: Read timed out at java.base/java.net.SocketInputStream.socketRead0(Native Method) at java.base/java.net.SocketInputStream.socketRead(SocketInputStream.java:115) at java.base/java.net.SocketInputStream.read(SocketInputStream.java:168) at java.base/java.net.SocketInputStream.read(SocketInputStream.java:140) at org.apache.http.impl.io.SessionInputBufferImpl.streamRead(SessionInputBufferImpl.java:137) at org.apache.http.impl.io.SessionInputBufferImpl.fillBuffer(SessionInputBufferImpl.java:153) at org.apache.http.impl.io.SessionInputBufferImpl.read(SessionInputBufferImpl.java:206) at org.apache.http.impl.io.ChunkedInputStream.read(ChunkedInputStream.java:189) at org.apache.http.conn.EofSensorInputStream.read(EofSensorInputStream.java:135) at java.base/java.util.zip.InflaterInputStream.fill(InflaterInputStream.java:243) at java.base/java.util.zip.InflaterInputStream.read(InflaterInputStream.java:159) at java.base/java.util.zip.GZIPInputStream.read(GZIPInputStream.java:118) at org.apache.http.client.entity.LazyDecompressingInputStream.read(LazyDecompressingInputStream.java:70) at java.base/java.io.FilterInputStream.read(FilterInputStream.java:133) at java.base/java.io.FilterInputStream.read(FilterInputStream.java:107) at org.eclipse.ecf.provider.filetransfer.retrieve.AbstractRetrieveFileTransfer$1.performFileTransfer(AbstractRetrieveFileTransfer.java:178) at org.eclipse.ecf.filetransfer.FileTransferJob.run(FileTransferJob.java:74) at org.eclipse.core.internal.jobs.Worker.run(Worker.java:63) [2019-08-25 21:32:11]
Tomcat配置php无法加载css
在index.php文件中引入CSS: ``` <link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css"> ``` <br/>在Chrome浏览器无法显示css的效果,打开调试后看到: ``` Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost:8080/myphp/vendor/bootstrap/css/bootstrap.min.css". ``` 但如果按照html的格式打开文件就可以看到css的效果<br/> <br/> &nbsp;&nbsp;&nbsp;&nbsp;也试过网上说加_\__STATIC_\__的方法,但是没有用。这些代码我只使用了php和html、css,没有使用java和servlet等,那请问怎么解决?
bootstrap模版如何使用
下载的bootstrap模版有css,js,vendor三个文件夹,vendor里面有bootstrap,jquery,jquery-easing,popper,里面有不少min.js文件,index.html中调用的: <!-- Bootstrap core CSS --> <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <!-- Custom styles for this template --> <link href="css/scrolling-nav.css" rel="stylesheet"> <!-- Bootstrap core JavaScript --> <script src="vendor/jquery/jquery.min.js"></script> <script src="vendor/popper/popper.min.js"></script> <script src="vendor/bootstrap/js/bootstrap.min.js"></script> <!-- Plugin JavaScript --> <script src="vendor/jquery-easing/jquery.easing.min.js"></script> <!-- Custom JavaScript for this theme --> <script src="js/scrolling-nav.js"></script> 不太明白其中的关系?
springcloud config client 为什么一定要用bootstrap.yml
刚学习springcloud 发现springcloud config client 有一个bootstrap命名的文件, 于是改成application.yml 发现报错了, 网上搜了一下答案说是 bootstrap.yml文件优先级高于application.yml文件, 也说是boostrap用于应用程序上下文的引导阶段,但是不懂,既然先访问的是 springcloud config client文件肯定先加载其配置文件,就算配置成application.yml也没问题吧(还是弄不懂)?
href="@{css/bootstrap.min.css}",请问@有什么用,为什么要加@,如下?
action="@{/login} @{http://www.baidu.com}
关于bootstrap下载后如何使用
从boorstrap官网上下载了bootstrap,引用到网页中没有显示应该有的css样式。已经将两个文件引用进去了<link href="css/bootstrap.min.css" type="text/css" rel="stylesheet" />和<script src="js/bootstrap.min.js" type="text/javascript"></script>应该有的样式![图片说明](https://img-ask.csdn.net/upload/201508/21/1440146710_303716.jpg)而我的样式![图片说明](https://img-ask.csdn.net/upload/201508/21/1440146728_207810.jpg)
bootstrap.validator如何自定义提示
bootstrap.validator的message提示都是在表单下面一行提示,如何能够自定义提示的地方,例如在表单的左边提示。![图片说明](https://img-ask.csdn.net/upload/201605/11/1462955696_978329.png)
BootStrap初学,碰到CSS样式问题。
这两天开始学习bootstrap,下载的是最新的3.3.7版本。 在一个bootstrap中文网看到一个例子。代码是这样的: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Bootstrap, from Twitter</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> <!-- Le styles --> <link href="../bootstrap/2.3.1/css/bootstrap.css" rel="stylesheet"> <style> body { padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */ } </style> <link href="../bootstrap/2.3.1/css/bootstrap-responsive.css" rel="stylesheet"> <!-- HTML5 shim, for IE6-8 support of HTML5 elements --> <!--[if lt IE 9]> <script src="../bootstrap/assets/js/html5shiv.js"></script> <![endif]--> <!-- Fav and touch icons --> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png"> <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png"> <link rel="shortcut icon" href="../assets/ico/favicon.png"> </head> <body> <div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <button type="button" 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> </button> <a class="brand" href="#">Project name</a> <div class="nav-collapse collapse"> <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> <div class="container"> <h1>Bootstrap starter template</h1> <p>Use this document as a way to quick start any new project.<br> All you get is this message and a barebones HTML document.</p> </div> <!-- /container --> <!-- Le javascript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script src="../bootstrap/2.3.1/js/jquery.js"></script> <script src="../bootstrap/2.3.1/js/bootstrap-transition.js"></script> <script src="../bootstrap/2.3.1/js/bootstrap-alert.js"></script> <script src="../bootstrap/2.3.1/js/bootstrap-modal.js"></script> <script src="../bootstrap/2.3.1/js/bootstrap-dropdown.js"></script> <script src="../bootstrap/2.3.1/js/bootstrap-scrollspy.js"></script> <script src="../bootstrap/2.3.1/js/bootstrap-tab.js"></script> <script src="../bootstrap/2.3.1/js/bootstrap-tooltip.js"></script> <script src="../bootstrap/2.3.1/js/bootstrap-popover.js"></script> <script src="../bootstrap/2.3.1/js/bootstrap-button.js"></script> <script src="../bootstrap/2.3.1/js/bootstrap-collapse.js"></script> <script src="../bootstrap/2.3.1/js/bootstrap-carousel.js"></script> <script src="../bootstrap/2.3.1/js/bootstrap-typeahead.js"></script> </body> </html> 我把<link href="../bootstrap/2.3.1/css/bootstrap.css" rel="stylesheet">换成3.3.7的CSS,头部logo就出错了。导航会变成这样。![图片说明](https://img-ask.csdn.net/upload/201608/11/1470907429_372755.png) 就是我也清楚是版本问题。版本问题会对什么地方产生影响呢。 初学 就很苦恼 找不到最新的教程,也不知道学习途径,曲线。 求指导。!!
相见恨晚的超实用网站
相见恨晚的超实用网站 持续更新中。。。
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 free -m 其中:m表示兆,也可以用g,注意都要小写 Men:表示物理内存统计 total:表示物理内存总数(total=used+free) use...
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
python学习方法总结(内附python全套学习资料)
不要再问我python好不好学了 我之前做过半年少儿编程老师,一个小学四年级的小孩子都能在我的教学下独立完成python游戏,植物大战僵尸简单版,如果要肯花时间,接下来的网络开发也不是问题,人工智能也可以学个调包也没啥问题。。。。。所以python真的是想学就一定能学会的!!!! --------------------华丽的分割线-------------------------------- ...
兼职程序员一般可以从什么平台接私活?
这个问题我进行了系统性的总结,以下将进行言简意赅的说明和渠道提供,希望对各位小猿/小媛们有帮助~ 根据我们的经验,程序员兼职主要分为三种:兼职职位众包、项目整包和自由职业者驻场。 所谓的兼职职位众包,指的是需求方这边有自有工程师配合,只需要某个职位的工程师开发某个模块的项目。比如开发一个 app,后端接口有人开发,但是缺少 iOS 前端开发工程师,那么他们就会发布一个职位招聘前端,来配合公司一...
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 演示地点演示 html代码如下` music 这个年纪 七月的风 音乐 ` 然后就是css`*{ margin: 0; padding: 0; text-decoration: none; list-...
JAVA 基础练习题
第一题 1.查看以下代码,并写出结果 public class Test01 { public static void main(String[] args) { int i1 = 5; boolean result = (i1++ &gt; 5) &amp;&amp; (++i1 &gt; 4); System.out.println(result); Sy...
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。
数据库优化 - SQL优化
以实际SQL入手,带你一步一步走上SQL优化之路!
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 cpp 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7 p...
通俗易懂地给女朋友讲:线程池的内部原理
餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”
C++知识点 —— 整合(持续更新中)
本文记录自己在自学C++过程中不同于C的一些知识点,适合于有C语言基础的同学阅读。如果纰漏,欢迎回复指正 目录 第一部分 基础知识 一、HelloWorld与命名空间 二、引用和引用参数 2.1引用的定义 2.2 将引用用作函数参数 2.3 将引用用于类对象 2.4 引用和继承 2.5 何时使用引用参数 2.6 引用和指针的区别 三、内联函数 四、默认参数的...
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小型人工智障。 知识可以运用在不同地方,不一定非是天气预报。
经典算法(5)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
Python实例大全(基于Python3.7.4)
博客说明: 这是自己写的有关python语言的一篇综合博客。 只作为知识广度和编程技巧学习,不过于追究学习深度,点到即止、会用即可。 主要是基础语句,如三大控制语句(顺序、分支、循环),随机数的生成,数据类型的区分和使用; 也会涉及常用的算法和数据结构,以及面试题相关经验; 主体部分是针对python的数据挖掘和数据分析,主要先攻爬虫方向:正则表达式匹配,常用数据清洗办法,scrapy及其他爬虫框架,数据存储方式及其实现; 最后还会粗略涉及人工智能领域,玩转大数据与云计算、进行相关的预测和分析。
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹...
面试官:你连RESTful都不知道我怎么敢要你?
干货,2019 RESTful最贱实践
机械转行java自学经历,零基础学java,血泪总结的干货
机械转行java自学经历,零基础学java,血泪总结的干货 据说,再恩爱的夫妻,一生中都有100次想离婚的念头和50次想掐死对方的冲动。 求职路上亦是如此,打开这篇文章,相信你也有转行的想法。和身边的朋友聊过,入职后的他们,或多或少对现在的职位都有些不满,都有过转行的冲动。 可他们只是想,而我真的这样做了。 下面就介绍下我转行的血泪史。 我为什么要转行 高中复读了一年,考了个双非院校的机械。当时...
刷了几千道算法题,这些我私藏的刷题网站都在这里了!
遥想当年,机缘巧合入了 ACM 的坑,周边巨擘林立,从此过上了"天天被虐似死狗"的生活… 然而我是谁,我可是死狗中的战斗鸡,智力不够那刷题来凑,开始了夜以继日哼哧哼哧刷题的日子,从此"读题与提交齐飞, AC 与 WA 一色 ",我惊喜的发现被题虐既刺激又有快感,那一刻我泪流满面。这么好的事儿作为一个正直的人绝不能自己独享,经过激烈的颅内斗争,我决定把我私藏的十几个 T 的,阿不,十几个刷题网...
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看...
【Linux系统编程】Linux信号列表
00. 目录 文章目录00. 目录01. Linux信号编号02. 信号简介03. 特殊信号04. 附录 01. Linux信号编号 在 Linux 下,每个信号的名字都以字符 SIG 开头,每个信号和一个数字编码相对应,在头文件 signum.h 中,这些信号都被定义为正整数。信号名定义路径:/usr/include/i386-linux-gnu/bits/signum.h 要想查看这些信号和...
JavaScript 为什么能活到现在?
作者 | 司徒正美 责编 |郭芮 出品 | CSDN(ID:CSDNnews) JavaScript能发展到现在的程度已经经历不少的坎坷,早产带来的某些缺陷是永久性的,因此浏览器才有禁用JavaScript的选项。甚至在jQuery时代有人问出这样的问题,jQuery与JavaScript哪个快?在Babel.js出来之前,发明一门全新的语言代码代替JavaScript...
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
致 Python 初学者
欢迎来到“Python进阶”专栏!来到这里的每一位同学,应该大致上学习了很多 Python 的基础知识,正在努力成长的过程中。在此期间,一定遇到了很多的困惑,对未来的学习方向感到迷茫。我非常理解你们所面临的处境。我从2007年开始接触 python 这门编程语言,从2009年开始单一使用 python 应对所有的开发工作,直至今天。回顾自己的学习过程,也曾经遇到过无数的困难,也曾经迷茫过、困惑过。开办这个专栏,正是为了帮助像我当年一样困惑的 Python 初学者走出困境、快速成长。希望我的经验能真正帮到你
Python 编程开发 实用经验和技巧
Python是一门很灵活的语言,也有很多实用的方法,有时候实现一个功能可以用多种方法实现,我这里总结了一些常用的方法和技巧,包括小数保留指定位小数、判断变量的数据类型、类方法@classmethod、制表符中文对齐、遍历字典、datetime.timedelta的使用等,会持续更新......
借助AI力量,谷歌解开生命奥秘?
全文共4484字,预计学习时长8分钟 Paweł Czerwiński发布在 Unsplash上的原图 假如疾病不复存在会发生什么?如果我们能像大自然一样迅速获取能量又会发生什么?要是我们能够在极短时间内循环塑料、废油、或其它的一些物质呢?如果人类能够解开生命的奥秘,那么以上这些想象将在未来成为现实。人工智能企业DeepMind的数据科学分析师日前在此领域有了重大发现。以下为具体内容:...
吐血推荐珍藏的Visual Studio Code插件
作为一名Java工程师,由于工作需要,最近一个月一直在写NodeJS,这种经历可以说是一部辛酸史了。好在有神器Visual Studio Code陪伴,让我的这段经历没有更加困难。眼看这段经历要告一段落了,今天就来给大家分享一下我常用的一些VSC的插件。 VSC的插件安装方法很简单,只需要点击左侧最下方的插件栏选项,然后就可以搜索你想要的插件了。 下面我们进入正题 Material Theme ...
相关热词 c#委托 逆变与协变 c#新建一个项目 c#获取dll文件路径 c#子窗体调用主窗体事件 c# 拷贝目录 c# 调用cef 网页填表c#源代码 c#部署端口监听项目、 c#接口中的属性使用方法 c# 昨天
立即提问