【问题标题】:Would you use Twitter Bootstrap for an intranet/business app? [closed]您会将 Twitter Bootstrap 用于 Intranet/业务应用程序吗? [关闭]
【发布时间】:2012-04-26 10:20:17
【问题描述】:

我们即将着手开发几个复杂的业务/Intranet 应用程序(大量数据、许多功能、管理面板,不需要为公共使用而简化)。随着人们在手机浏览器和平板电脑上进行实际工作的出现。响应式设计和 508/ARIA 可访问性也逐渐渗透到各种需求中。

我们喜欢开箱即用的 Twitter Bootstrap (TB)(x-browser、jQuery、HTML/CSS 模板、许多帮助函数,因此我们不需要 HTML 专家)中的很多内容制作好看的页面,其他)。但是,它的布局似乎将我们推向简约(一个屏幕上的控件少/数据少)、窄(960 宽)的设计。

如果我们要膨胀和拉伸设计,我们甚至使用 TB 是否有意义?还是他们更好的 CSS/HTML/JS 模板/工具包用于 .Net “业务应用程序”?或者还有哪些我们应该考虑的仍然支持的?

【问题讨论】:

  • KeyPay 刚刚公开发布并使用 Bootstrap 作为他们的界面 :)

标签: html css twitter-bootstrap


【解决方案1】:

你必须选择你必须适应的框架。

我喜欢BootstrapjQuery UIYUI Library,并且经常使用它们。我最近换了工作,我的第一个项目是更改整个内部管理应用程序,为此我选择了 Bootstrap。

BootstrapASP.NET MVC 中的 Knockout 更详细...

只是作为使用 Bootstrap 的一个玩笑......这是其中一个部分的视图:

和主导航菜单:


帮助他人主菜单available on JsBin

这是一个普通的 3 列 .span2,带有一个名为 .super-menu 的包装器,并且该样式的宽度仅为:

.super-menu { width: 480px; }

女巫的意思是:3 x .span2 + 3 x margin-left = (3 x 140) + (3 x 20) = 480px

【讨论】:

  • 作为 jQuery UI 库的长期用户,我刚刚对 Bootstrap 产生了兴趣(实际上是在过去一周内)。我很好奇您是如何在下拉菜单中实现该布局的!
  • 一个人可以调整它的方式进入 CSS 并添加自己的规则,Bootstrap 和任何其他 CSS 框架只能给你同样的东西,一个创造力和 CSS 知识可以缩小与你想要的差距和他们提供开箱即用的东西。
  • 添加代码作为主菜单的描述。
  • 良好的反应。我的印象是,TB 通过站在像 jQuery 这样经过测试和接受的项目的肩膀上,扩展经过验证的概念,并在需要时编织自己的粘合剂,从而提供了一定的成熟度。它并没有像其他一些那样长期存在,但它似乎已经足够成熟,可以让我们投入一些研发。它试图比其他人做更多的事情(比如 HTML5Boilerplate)——我们确实需要它做更多的事情——但没有像我见过的其他项目那样漫长而陡峭的学习曲线。我们不想摆弄设计。OTS 设计加上一些图形就可以了。
  • @balexandre 太好了。我们的商店由一群前 Java 人员组成,所以我们一直都是 .Net MVC。我们一定会调查您的项目。
【解决方案2】:

具有讽刺意味的是,我认为 Bootstrap 对于 Intranet/商业应用程序比面向公众的应用程序更有用。

我喜欢将 Bootstrap 用于内部应用的一些原因:

  • 一致的界面(可以是寻求“独特”外观的公共网站的骗局)
  • 处理您必须自己处理的所有跨浏览器、跨平台(移动)问题
  • 证明高效且灵活
  • 指数级增长的生态系统确保稳定性,支持资源
  • 可以根据您的业务的外观和感觉轻松定制,然后在开发人员或团队之间共享以实现可重用性
  • 内置fluid application layout(解决您的狭窄/简约设计问题)
  • 花更少的时间在接口问题上,而将更多的时间花在确保超过 3 年的销售历史的 SQL 查询不需要 30 分钟即可运行
  • 基于 jQuery 构建的组件。谁不喜欢 jQuery??
  • 太棒了:)

编辑:

如果您担心更多花哨的插件和功能,Github repo 拥有近 30,000 名观察者和超过 5,000 个分叉。您能想到的任何事情都可能已经完成或已经完成 - 例如datepicker

【讨论】:

  • 优点完全符合我的新手观察。偶尔混入 jQuery UI 的机会,以及在需要时自行开发的部分应该提供良好的灵活性。例如,我们在要替换的应用程序中为 JBoss Seam 编写了一个怪物复杂的可编辑树组件……现在我们可以重写所有内容,但希望从其他人的初步努力开始。
【解决方案3】:

我使用过 jQuery mobile 并喜欢它。这是一个项目:http://2012barleadershandbook.philadelphiabar.org/

似乎更多的是易于扩展的精简模板。 http://jquerymobile.com/

如果您要添加视频,请记住使用 fitvids 之类的内容:http://fitvidsjs.com/

【讨论】:

    【解决方案4】:

    Net Magazine 的名字在过去几天里掉了不少。

    Ethan Marcotte 在接受采访时提到了 foundationFluid Baseline Grid 的名字。在this round-up of tools for responsive web design 中列出了更多(太多无法单独列出,imo)。

    【讨论】:

      【解决方案5】:

      我不得不说不,twitter 引导程序仍然太年轻,无法处理更复杂的应用程序。尽管它每天都在增长,但它仍然缺少许多 UI 元素,这些元素允许更轻松地放置和组织内容/数据 - 例如适当的日期选择器,可以更好地控制内容的内容滑块(从 ajax、视频、自动调整大小等...),一个更合适的手风琴,允许通过 javascript 更好地控制内容(自动高度/宽度,悬停切换),它仍然缺乏其他东西,如对话框、动画/效果和小部件。

      我会坚持我们今天仍然拥有的更成熟的框架,例如 jQuery UI 或 YUI 库,并等待引导程序成熟到今天的那些框架。

      【讨论】:

      • Bootstrap 是一个带有一些不错的 JS 组件的 CSS 框架。 jQuery UI 是一个具有良好 CSS 稳定性的 JS 组件库。没有什么说你不能使用 jQuery UI 插件而不是 Bootstrap 插件。事实上,你甚至不需要包含 bootstrap.js,除非你喜欢依赖 data-attribute 风格的 API。你列出的大部分内容都是微不足道的,在某些情况下,比如说没有dialogs,你完全错了。
      • @Terry 有了引导程序上可用的所有组件,我实际上看到它变得接近现在的 jQueryUI。我不假设引导程序与 jQueryUI 或 YUI 相同,但它甚至不接近您可以使用它们做的事情,因此我永远不会在需要大量数据通过它的应用程序上使用它,只有在修改和灵活性方面还不够。使用引导程序,我被困在一个网格中,如果不大量修改源,我就无法摆脱,这对我来说不够灵活。
      • @Terry 再加上缺乏适当的组织插件,再比如适当的对话框插件(模式不是对话框,只是一种形式,我希望能够有一个信息对话框这使我可以与背景进行交互,而模态则与之相反,因此是背景-想想Windows对话框)。作为一个沉重的引导用户,我坚持我的帖子,我不推荐它用于繁重的应用程序,我必须工作太多,我可以轻松地在 500-600 行而不是 3k + 中重新创建眼睛糖果。
      猜你喜欢
      • 2010-09-29
      • 1970-01-01
      • 2012-11-04
      • 2012-10-26
      • 1970-01-01
      • 2010-09-07
      • 1970-01-01
      • 2017-11-12
      • 1970-01-01
      相关资源
      最近更新 更多