Umbracoと共に制御divタグ

Question

Umbracoグリッドと一緒にdivタグを配置するのに苦労しています。これは、のようになります方法です。

私はコードで<br>タグを設定してそれを達成することができますが、それはもちろん良い習慣ではありません。私は削除した場合

<div class="background-image" @Html.Raw(topImageStyling)></div> 
    <div class="max-container"> 
     <div class="fade"></div> 

     <header> 
      <div class="max-container"> 
       <div class="logo-container"> 
        <a href="@homePage.Url"> 
         <!-- <img src="/img/logo-white.svg" data-svg-fallback="/img/logo-white.png" alt="@logoAltText" class="img-responsive logo" /> --> 
        </a> 
       </div> 
      </div> 
     </header> 
    </div> 


    <!-- Content --> 
    <div class="container-fluid"> 
     <div class="row"> 
      <div class="col-lg-12"> 
       @Umbraco.RenderMacro("Ebook") 
      </div> 
     </div> 
    </div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> 
    <div class="row"> 
     <div class="col-md-12> 
      <div class="row"> 
       <div class="col-lg-12"> 
        @CurrentPage.GetGridHtml("Grid") 
       </div> 
      </div> 
     </div> 
    </div> 

<br>ページはこのように見ているタグ：

んanybどのように私はそれを解決することができるアイデアを持っていますか？

Answer 1

多くの<br>タグを使用すると、は決してとなります。

marginまたはpaddingをCSSで追加できます。

この場合、絶対配置されたフォームがあるようです。そのため、ページはコンテナ内のディメンションをトラッキングしません。

おそらく、CSSのコンテナの最小高さを設定したいとします。

たとえば、スタイルタグを追加できます。 、しかし実際のスタイルタグを使用して、あなたのCSSファイルを編集しないでください。

CSS

.myHeader { 
    min-height:500px; 
} 

HTML

<!-- Content --> 
<div class="container-fluid" class="myHeader"> 
    <div class="row"> 
     <div class="col-lg-12"> 
      @Umbraco.RenderMacro("Ebook") 
     </div> 
    </div> 
</div> 
<div class="row"> 
    <div class="col-md-12> 
     <div class="row"> 
      <div class="col-lg-12"> 
       @CurrentPage.GetGridHtml("Grid") 
      </div> 
     </div> 
    </div> 
</div>