Ich schreibe eine Webseite in ASP.NET mit C# und Bootstrap. Ich versuche das _Layout zu ändern. Hier ist, was ich habe:Was bewegt meinen IMG zum Inneren eines nicht verwandten 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>
Notiz das Bild, außerhalb der div mit Klassen container
und body-content
. Wenn ich jedoch die Website starte und f12 drücke, um das DOM zu durchsuchen, und auf das Bild klicke, um es zu finden, sehe ich das Bild in der 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>
Also was gibt? Bewegt bootstrap.js es? Wie entscheidet es sich zu bewegen? Wie verhindere ich das?