2017-01-04 5 views
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> 

は、クラスcontainerbody-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はそれを動かしていますか?何を動かすかはどのように決めるのですか?これをどうやって止めるのですか?

答えて

3

これは、常に</div>で終わりましたspecification<div>によると、無効な構文

<div style="clear:both;" /> 

なので、正しいようになり

<div style="clear: both;"></div> 
関連する問題