如何实现响应式仪表板布局？

文章/答案/技术大牛

发布

1回答

bokeh

我在一个仪表板上工作，中间有一个响应式地图，应该占用最大的可用空间(stretch_both)，两边都有两个固定宽度和拉伸高度的性能图。我该怎么做才能让布局看起来更像设计？

浏览 22提问于2019-05-16得票数 0

回答已采纳

2回答

使用jQuery和Bootstrap 3的响应式仪表板

jquery、twitter-bootstrap、twitter-bootstrap-3、dashboard、portal

我正在尝试使用jQuery & Bootstrap创建门户/仪表板。我需要能够显示与固定尺寸的小工具，可以在同一页上显示在一起。我让用户能够为每个页面定义一个模板，它定义了可以在页面上显示的小工具的尺寸以及它们的布局。或者，它甚至应该做出响应吗？如果仪表

浏览 3提问于2014-11-24得票数 0

2回答

引导选项卡正在工作，但选项卡内容未显示

javascript、jquery、twitter-bootstrap-3、chart.js

我在管理仪表板与html，css和javascripts的工作。这是我第一次使用它。我将bootstrap用于响应式布局，并使用了一些bootstrap js (tab、collaps)。我还将chartjs用于饼图、折线图和sidr响应菜单。但问题出在bootstrap tab和collaps函数上。以下是管理仪表板的链接：

浏览 2提问于2014-09-27得票数 0

1回答

仪表板桌面布局是否响应？

iccube-reporting

为不同设备构建icCube仪表板是通过布局来处理的。这很好用。但当涉及到桌面仪表板时，屏幕大小和分辨率范围很大，您只能进行一种桌面布局。如果能为不同的屏幕尺寸/屏幕分辨率创建单独的布局，或者制作一个响应式的仪表板，那就更好了。我很好奇是否有解决方案来处理不同的屏幕尺寸/屏幕分辨率。

浏览 38提问于2019-05-28得票数 2

回答已采纳

10回答

使用twitter bootstrap的全宽布局

css、twitter-bootstrap

我正在尝试实现一个与此类似的布局：我的项目使用带有响应式设计的Twitter Bootstrap。是否可以使用Bootstrap实现全宽布局？问题是，根据我所读到的内容，bootstrap 3.0中将删除流畅的布局，响应式设计具有固定的宽度。

浏览 0提问于2013-01-11得票数 69

回答已采纳

1回答

Bootstrap 4如何创建响应式仪表板布局？

html、css、twitter-bootstrap、bootstrap-4

我有一个想法的仪表板，我喜欢创建使用Bootstrap。请找到下面的布局图像，我希望使用Bootstrap 4来实现。我可以让一切发生，除了左边用红色突出显示的方框。

浏览 0提问于2020-06-11得票数 0

1回答

这个网站如何实现响应式布局？

javascript、html、css、twitter-bootstrap、responsive-design

有没有人能解释一下这个网站有哪些不同的响应方式？尤其是当您调整浏览器大小时，顶部和左侧导航如何更改为下拉菜单。我确信这不会使用twitter引导。他们有没有更好的方式在不利用twitter引导的情况下做出响应。

浏览 2提问于2012-08-08得票数 1

回答已采纳

1回答

如何使用ReactJS实现响应式布局？

javascript、html、css、reactjs、responsive

我有一个布局与CSS和HTML已经响应。我正在尝试用Javascript在我的ReactJS项目中实现一些逻辑。由于布局仅在HTML和CSS中响应，因此我的nav要显示，它取决于屏幕的宽度。 ?

浏览 125提问于2020-12-06得票数 0

3回答

如何在Tableau仪表板上创建响应性布局？

tableau-api

所以我放置了4个垂直布局，并将这些床单放在其中。因此，如果layout1的高度增加(即在W1中添加了新行)，我不希望弹出滚动条。我希望其他布局，是低于layout1的调整，根据大小的layout1。编辑1 -这里是布局层次结构的图像，以供参考

浏览 2提问于2019-03-06得票数 2

回答已采纳

1回答

在div元素中包装材质Ui网格时，布局中断

javascript、css、reactjs、material-ui、grid

我有响应式仪表板与材料的Ui Grid元素的构建。和一个被div元素包裹的网格项目，这破坏了布局。

浏览 8提问于2021-11-26得票数 0

2回答

响应式设计是从头开始还是使用框架？

responsive-design

我有一个关于流体设计实现的问题。我真的是响应式设计的新手，我需要知道这些框架到底是做什么的？它们如何简化我们创建响应式布局的工作？

浏览 0提问于2013-07-17得票数 0

1回答

如何将公共Tableau仪表板集成到响应式web设计主题中？

responsive-design、dashboard、responsive、tableau-api

我做了一些研究，试图找到如何将像tableau这样的仪表板集成到响应式网站设计网站中。找不到太多帮助。我需要把这个仪表板放到一个响应式的设计主题我卡住了，我从哪里开始呢？此主题已有仪表板，我是删除它还是替换它以将此tableau仪表板放入其中？

浏览 5提问于2016-10-12得票数 0

2回答

如何在bootstrap 3中重新排序列？

html、css、twitter-bootstrap

我在一个响应式的网站上工作，并使用bootstrap 3。我已经附上了主页的布局。对于移动版本，我需要重新排序列。我还附上了移动版本所需的布局。请帮我弄清楚如何实现这个移动布局。

浏览 2提问于2017-06-22得票数 0

1回答

如何生成响应列

android、material-design

我试图制作一个仪表板，如应用程序，以显示实时数据，在一个车辆的布局类似于所包含的屏幕截图。我尝试谷歌搜索一个方向，以尝试和模仿谷歌的响应网格列设计原则。我将如何在android中实现这种设计呢？你会使用网格布局吗？理想情况下，我希望有一个网格布局，其单元格大小一致，可以跨列和行跨Card View，但我不知道如何使用Grid布局来实现这一点。

浏览 2提问于2017-10-26得票数 3

回答已采纳

1回答

Twitter Bootstrap导航栏问题

html、css、twitter-bootstrap

目前我正在为当地的一家公司做我的第一个网站，当我在移动设备上查看导航栏时，我遇到了一个问题。如果向右滚动时设备无法显示整个导航栏，则会显示一个空白区域。我不确定是什么导致了这个问题，有人能给我指个方向吗？谢谢。

浏览 1提问于2013-06-10得票数 0

回答已采纳

1回答

如何利用css网格实现响应式布局

css-grid

我希望使用响应性的css网格在figure1中实现布局。是否可以使用css网格来实现这样的布局？谢谢 

浏览 2提问于2019-09-21得票数 1

回答已采纳

2回答

通过lie @media查询实现无响应引导

javascript、html、css、twitter-bootstrap

我使用Bootstrap 3开发了一个复杂的响应式网页布局。该布局很好地显示了布局和在不同屏幕尺寸上的预期显示。但是，有没有可能我可以在某些情况下禁用响应式，以便我设置特定的布局显示，例如xs，那么无论是什么屏幕，它都会显示xs layout？我在想，这可以通过使用JavaScript lying @media queries来实现吗？或者，使用其他方法可以更容易地完成？

浏览 4提问于2015-06-20得票数 0

1回答

Google plus like布局使用Angular Material 2网格列表

angular、angular-material、angular5

我试图使一个“谷歌+”的多列响应式页面布局与角度和灵活布局。我有响应式的多列工作，但是如何安排它堆叠的行布局？我正在尝试，但这并不能“堆叠”卡片。

浏览 2提问于2018-01-09得票数 0

1回答

如何处理放大响应式布局？

html、css、user-interface、zooming

如何处理放大响应式布局？我喜欢它的布局和响应式效果，但有时我的用户会缩放内容。谢谢

浏览 0提问于2011-09-13得票数 1

1回答

具有可变行/列大小的Jquery Mobile响应网格

javascript、jquery、css、jquery-mobile、responsive-design

我正在尝试在我的jQuery移动应用程序中创建仪表板。仪表板页面的左上角将包含一个地图。地图周围将是各种图表和表格。景观：肖像：有没有人能推荐一种使用现有框架或插件来实现此目的的方法？jQuery移动中的

浏览 4提问于2013-12-07得票数 0

点击加载更多