【问题标题】:Implement accordion view for mobile break point grid for bootstrap and angularjs based application为基于 bootstrap 和 angularjs 的应用程序实现移动断点网格的手风琴视图
【发布时间】:2015-03-06 03:47:42
【问题描述】:

我正在为我的应用程序使用 Angularjs 和引导程序。我的页面中有多个部分,每个部分都有多个列。我使用引导网格来显示平板电脑和台式机范围的项目列表,并为我的每个部分使用“行”,然后是 col-class。由于默认的引导网格 css,它在每个部分的移动断点处显示一列。

但是我们只希望在移动断点处显示作为手风琴控件的工作。

我不想使用 css 来隐藏平板电脑和台式机的标记并显示手风琴的移动标记。我想对所有断点使用相同的标记。

我已经完成了 bootstrap 手风琴控件和 angular-ui 项目手风琴控件,但是两者都需要新的 HTML 标记。

如何使用相同的基于引导网格的标记在移动断点处显示手风琴控件。另请注意;我尝试使用 ":target" css 属性,但它似乎不适用于 angular。

另请注意;我正在使用单页应用程序和 HTML5(true) 路由器。

请指教。

【问题讨论】:

    标签: angularjs twitter-bootstrap


    【解决方案1】:

    我正在寻找 Mary Lou 的博客,这似乎是仅使用 css 实现手风琴的好解决方案。

    Accordion using CSS Only

    【讨论】:

      猜你喜欢
      • 2010-12-29
      • 2017-10-26
      • 2018-12-23
      • 1970-01-01
      • 1970-01-01
      • 2017-01-02
      • 2016-06-29
      • 2014-06-14
      • 2014-03-23
      相关资源
      最近更新 更多