1
私はASP.NETでC#とブートストラップを使ってWebページを作成しています。私は_Layoutを変更しようとしています。ここで私が持っているものです。imgを無関係なdivの内部に移動するにはどうすればよいですか?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@ViewBag.Title - B5 Tours</title>
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
</head>
<body>
<div id="headerbar">RF Center of Excellence</div>
<div class="container body-content">
@RenderBody()
<div style="clear:both;" />
</div>
<img src="~/Content/FooterPicture2.png" style="" />
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts", required: false)
</body>
</html>
は、クラスcontainer
とbody-content
とdivの外に、画像の点に注意してください。しかし、ウェブサイトを実行してf12を押してDOMをブラウズし、画像をクリックすると、container body-content
div内の画像が表示されます。
<div class="container body-content">
<div class="col-sm-1 customer-block">
</div>
<div class="col-sm-1 customer-block">
</div>
<div class="col-sm-1 customer-block">
</div>
<div style="clear: both;">
</div>
<img src="/Content/FooterPicture2.png">
<script src="/Scripts/jquery-1.10.2.js"></script>
<script src="/Scripts/bootstrap.js"></script>
<script src="/Scripts/respond.js"></script>
<!-- Visual Studio Browser Link -->
<script id="__browserLink_initializationData" type="application/json">
{"appName":"Internet Explorer","requestId":"b2e6b58079644495a5751a037fd16748"}
</script>
<script src="http://localhost:63389/a1a3529e4ef74c2e9f1fb2137876c0af/browserLink" type="text/javascript" async="async"></script>
<!-- End Browser Link -->
</div>
だから何ですか? bootstrap.jsはそれを動かしていますか?何を動かすかはどのように決めるのですか?これをどうやって止めるのですか?