[.Net] MVC和bootstrap结合中图片总是报404 not found

问题描述

@{ViewBag.Title="Index";}<!DOCTYPEhtml><htmllang="zh-cn"><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1"><title>Bootstrap101Template</title><!--Bootstrap--><linkhref="~/css/bootstrap-theme.min.css"rel="stylesheet"/><linkhref="~/css/bootstrap.min.css"rel="stylesheet"/><!--HTML5shimandRespond.jsforIE8supportofHTML5elementsandmediaqueries--><!--WARNING:Respond.jsdoesn'tworkifyouviewthepageviafile://--><!--[ifltIE9]><scriptsrc="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script><scriptsrc="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script><![endif]--><styletype="text/css">body{padding-top:70px;}</style></head><body><!--导航条设计--><navclass="navbarnavbar-inversenavbar-fixed-top"><divclass="container-fluid"><!--Brandandtogglegetgroupedforbettermobiledisplay--><divclass="navbar-header"><buttontype="button"class="navbar-togglecollapsed"data-toggle="collapse"data-target="#bs-example-navbar-collapse-1"><spanclass="sr-only">Togglenavigation</span><spanclass="icon-bar"></span><spanclass="icon-bar"></span><spanclass="icon-bar"></span></button><aclass="navbar-brand"href="#">实验设备预约</a></div><!--Collectthenavlinks,forms,andothercontentfortoggling--><divclass="collapsenavbar-collapse"id="bs-example-navbar-collapse-1"><ulclass="navnavbar-nav"><liclass="active"><ahref="#">Link<spanclass="sr-only">(current)</span></a></li><li><ahref="#">Link</a></li><liclass="dropdown"><ahref="#"class="dropdown-toggle"data-toggle="dropdown"role="button"aria-expanded="false">Dropdown<spanclass="caret"></span></a><ulclass="dropdown-menu"role="menu"><li><ahref="#">Action</a></li><li><ahref="#">Anotheraction</a></li><li><ahref="#">Somethingelsehere</a></li><liclass="divider"></li><li><ahref="#">Separatedlink</a></li><liclass="divider"></li><li><ahref="#">Onemoreseparatedlink</a></li></ul></li></ul><formclass="navbar-formnavbar-left"role="search"><divclass="form-group"><inputtype="text"class="form-control"placeholder="Search"></div><buttontype="submit"class="btnbtn-default">Submit</button></form><ulclass="navnavbar-navnavbar-right"><li><ahref="#">Link</a></li><liclass="dropdown"><ahref="#"class="dropdown-toggle"data-toggle="dropdown"role="button"aria-expanded="false">Dropdown<spanclass="caret"></span></a><ulclass="dropdown-menu"role="menu"><li><ahref="#">Action</a></li><li><ahref="#">Anotheraction</a></li><li><ahref="#">Somethingelsehere</a></li><liclass="divider"></li><li><ahref="#">Separatedlink</a></li></ul></li></ul></div><!--/.navbar-collapse--></div><!--/.container-fluid--></nav><!--导航条设计结束--><!--图片-------无法显示-------------------------------------------------><divclass="container-fluid"><divclass="row"><divclass="col-sm-12"><imgsrc="~/images/bg_header_News.jpg"/></div></div><divclass="row"><divclass="col-sm-4"><divclass="list-group"><ahref="#"class="list-group-itemactive">&nbsp;<strong>存量房网上备案系统</strong></a><ahref="#"class="list-group-item">&nbsp;<strong>存量房网上备案系统</strong></a><ahref="#"class="list-group-item">&nbsp;<strong>存量房网上备案系统</strong></a><ahref="#"class="list-group-item">&nbsp;<strong>存量房网上备案系统</strong></a><ahref="#"class="list-group-item">&nbsp;<strong>存量房网上备案系统</strong></a></div></div></div></div><!--jQuery(necessaryforBootstrap'sJavaScriptplugins)--><scriptsrc="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script><!--Includeallcompiledplugins(below),orincludeindividualfilesasneeded--><scriptsrc="~/js/npm.js"></script><scriptsrc="~/js/bootstrap.min.js"></script></body></html>

解决方案

解决方案二:
上面四张图片分别是图片代码,控制器,图片位置,和报的错误,,求帮忙,

时间: 2024-11-05 20:30:37

[.Net] MVC和bootstrap结合中图片总是报404 not found的相关文章

配置-Spring mvc做登录拦截,诡异的报404,tomcat日志没有任何输出

问题描述 Spring mvc做登录拦截,诡异的报404,tomcat日志没有任何输出 先看出错提示TOMCAT没有日志输出,直接在浏览器报的404拦截器类方法: public boolean preHandle(HttpServletRequest request HttpServletResponse response Object handler) throws Exception { LoginAccount user=(LoginAccount) request.getSession(

为什么今天打开电脑VS右击在浏览器中查看怎么报404了啊?大神们,怎么调一下。急急急

问题描述 上周还好好的,今天打开VS运行就出404错误. 解决方案 解决方案二:不管右击运行那个网页都是404,我换成VS2013也是不行.求大神解决啊.解决方案三:你那个login页面被删除或者被移动位置了吧解决方案四:你设为起始页面,然后调试一下看看起解决方案五:删掉web.config再试解决方案六:引用2楼starfd的回复: 你那个login页面被删除或者被移动位置了吧 不是的,其他页面也是同样的毛病解决方案七:引用3楼fxj805835819的回复: 你设为起始页面,然后调试一下看看

Bootstrap轮播插件中图片变形的终极解决方案 使用jqthumb.js_javascript技巧

在顶求网的首页中我使用了BootStrap的轮播(carousel)插件来展示文章中的图片.我在程序中自动抓取文章的第一张图片作为该轮播控件中要显示的图片,由于文章的图片大小不一,而轮播插件的大小基本是固定的,所以展示的时候图片出现了变形.在网上找了很多中方式也没有解决(过程曲折,不再赘述),直到找到了这款Jquery的缩放插件--jqthumb.js.下面来看看如何使用它以及如何利用它来控制轮播控件中图片的大小,而且能够做到不变形,可以显示图片的主要部分(类似于微信朋友圈的图片混排效果--不知

利用ASP.NET MVC和Bootstrap快速搭建个人博客之后台dataTable数据列表_实用技巧

jQuery dataTables 插件是一个优秀的表格插件,是后台工程师的福音!它提供了针对数据表格的排序.浏览器分页.服务器分页.查询.格式化等功能.dataTables 官网也提供了大量的演示和详细的文档进行说明,为了方便使用,这里进行详细说明. 去官网:https://www.datatables.net/ 下载最新版本是v1.10.12. 在页面引入: <link rel="stylesheet" href="~/Content_Admin/css/boots

利用ASP.NET MVC和Bootstrap快速搭建个人博客之文章打赏功能(六)_实用技巧

看到新浪微博.百度百家等平台上都带有文章"打赏"功能,觉得很新鲜,于是也想在自己的博客中加入"打赏"功能. 当然,加入打赏功能并非是真的想要让别人打赏.因为只有那些真正能引起共鸣,发人深思,让人受益匪浅的文章才值得打赏,值得点赞. 而我的博客站仅仅是用作记录笔记,当做自己的知识库(如果能不经意间帮助别人那是再好不过了). 加入打赏功能纯粹是"觉得好玩",就是这么简单,Just have a fun!(博主喜欢折腾,看见一个酷炫的功能就想去实现它)

详解Bootstrap四种图片样式_javascript技巧

在本章中,我们将学习 Bootstrap 对图片的支持.Bootstrap 提供了四个可对图片应用简单样式的class,分别是: img-rounded 添加 border-radius:6px 来获得图片圆角 img-circle 添加 border-radius:50% 来让整个图片变成圆形 img-thumbnail 添加一些内边距(padding)和一个灰色的边框 img-responsive 图片响应式 1.img-rounded <!doctype html> <html l

Bootstrap系列 -- 23. 图片

  图像在网页制作中也是常要用到的元素,在Bootstrap框架中对于图像的样式风格提供以下几种风格: 1.img-responsive:响应式图片,主要针对于响应式设计 2.img-rounded:圆角图片 3.img-circle:圆形图片 4.img-thumbnail:缩略图片 <div class="container"> <div class="row"> <div class="col-sm-4">

在基于MVC的Web项目中使用Web API和直接连接两种方式混合式接入

在我之前介绍的混合式开发框架中,其界面是基于Winform的实现方式,后台使用Web API.WCF服务以及直接连接数据库的几种方式混合式接入,在Web项目中我们也可以采用这种方式实现混合式的接入方式,虽然Web API或者WCF方式的调用,相对直接连接数据库方式,响应效率上略差一些,不过扩展性强,也可以调动更多的设备接入,包括移动应用接入,网站接入,Winfrom客户端接入,这样可以使得服务逻辑相对独立,负责提供接口即可.这种方式中最有代表性的就是当前Web API的广泛应用,促进了各个接入端

如何让Win8系统照片应用显示电脑中图片

  我们点击Win8开始屏幕中的"照片"应用磁贴,Win8照片应用界面下方一般会有多个图片分类,比如常见的图片库.Skydrive.设备等,有的还会显示Facabook与Flick等.如果我们的Win8图片库中没有包含图片,也没有用微软账户登录,则所有的图片分类都没有图片显示(如下左图),点击分类进去也看不到图片.已经做了图片库包含和登录Skydrive的用户则可以在分类中看到滚动显示的图片(如下右图). 其实这三个图片分类分别对应Win8设备的图片库.Skydrive以及外接设备(如