控制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

回答

相关问题