控制div標籤以及Umbraco

我努力將我的div標籤與Umbraco網格放在一起。這是應該的樣子：控制div標籤以及Umbraco

我能做到這一點，在代碼中設置<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 ody知道我該如何解決這個問題？

來源

2016-08-17 KrMa

這有什麼好做一把umbraco，它的（引導）造型這是怪。也許你可以檢查getbootstrap.com的提示，甚至可以給這個問題一個「bootstrap」標籤。否則，我同意蘭迪，你應該能夠在你的標題上設置最小高度，以避免或完全刪除容器流體div？ –

你可以發佈CSS樣式或EBook宏中的任何標記嗎？這看起來像是定位問題或CSS中的溢出問題。如果前者，你可能需要'min-height'變化，但是如果它是浮動的，你通常可以用容器上的'clearfix'類或者一個簡單的'overflow：auto;'CSS屬性修正它。 – trnelson

使用了很多<br>標籤是從來沒有一個很好的做法。

您可以通過CSS添加margin或padding。

在這種情況下，您似乎有一個絕對定位的表單。因此，您的頁面不會跟蹤容器中的尺寸。

您可能想要在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>

來源

2016-08-17 09:16:29 Randy

控制div標籤以及Umbraco

回答

相關問題