【问题标题】:Combining fixed HTML with Umbraco 7 Grid content将固定的 HTML 与 Umbraco 7 Grid 内容相结合
【发布时间】:2015-05-21 14:29:09
【问题描述】:

我是 umbraco 的新手,遇到了以下问题。 我有一个左侧固定导航框的设计。右侧是内容。此内容需要使用 umbraco 的新网格布局填充。

但网格容器不断获取站点的完整宽度。因此,它与导航框一起推到了我的网站之外。

像这样: http://i.imgur.com/iEo4Os6.jpg

我尝试了以下html:

<div class="row">
  <div class="col-lg-2">
     <ul>
       <li>Item 1</li>
       <li>Item 2</li>
       <li>Item 3</li>
    </ul>
  </div>
  <div class="col-lg-10">
    @CurrentPage.GetGridHtml("ArticleContent")
  </div>
</div>

但 GetGridHtml 在我的列中放置了一个完整的全宽容器。在 umbraco 中将容器设置为 10 列(以及行配置)也无济于事。

有人知道解决方案吗?提前致谢。

【问题讨论】:

    标签: css twitter-bootstrap-3 grid-layout umbraco7


    【解决方案1】:

    认为解决方案可能是让您的网格行配置仅跨越十行?我在这里(还)没有足够的代表来发表评论,抱歉。

    【讨论】:

    • 这没有帮助。它仍然不断向 1170px 宽的内容添加“容器”类 div。而且我无法在 css 中将容器宽度设置为较小的数字,因为我的完整网站周围也有一个 container-div。
    • 嗯...是的,好吧,这实际上是有道理的:-s 如果您确定左侧导航将出现在所有页面上,您可以考虑考虑更改视图/部分/Grid/Bootstrap3.cshtml 文件(它负责渲染网格)?或者,如果一切都失败了,创建一个可以插入所有页面的宏(我猜是非常非常最后的手段)。
    • 我也想过,是的,但遗憾的是,有些模板有固定的导航,而另一些则没有:(
    • 我猜您可能在文档类型上有一个“隐藏左侧导航”标志,您可以在 Bootstrap3.cshtml 文件中使用它,也许?
    • 如果可以选择,您可以创建一个带有固定导航的单独网格模板,并在需要时调用它,如@CurrentPage.GetGridHtml("propertyAlias", "mycustomview") 解释here
    猜你喜欢
    • 2015-05-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-06-10
    • 1970-01-01
    • 2013-11-25
    • 2011-04-18
    • 1970-01-01
    相关资源
    最近更新 更多