Bootstrap表移动响应

文章/答案/技术大牛

发布

2回答

jquery、css、twitter-bootstrap、mobile

我有一个bootstrap表，我正在努力使其更“移动友好”。我试过的一切看起来都很可悲。我很好奇，大多数人是如何让桌面在移动设备上看起来很好，但在电脑或平板电脑上却能正常打开的。我的示例表： <table id="example" class="table table-bordered table-striped<td>Table cell</td

浏览 1提问于2017-03-01得票数 4

回答已采纳

3回答

我以前在“移动优先”网站上工作过，现在我们的网站使用Twitter Bootstrap。问题是Twitter Bootstrap不是“移动优先”，而是“响应式”。所谓"Mobile first“，我指的是手机最基本的样式表首先加载，所以不要求手机支持@media查询。Twitter Bootstrap加载整个桌面样式表，使用@media查询来调整移动设备的大小。 Twitter采用这种方法有什么原因吗？它肯定不是那么兼容，而

浏览 0提问于2012-04-11得票数 8

回答已采纳

1回答

当屏幕变小时，如何才能看到页面的所有内容

twitter-bootstrap-3

我刚接触bootstrap。当屏幕变小时，我可以做些什么来查看页面的所有内容。

浏览 6提问于2015-12-22得票数 0

1回答

bootstrap表对移动端无响应

html、css、twitter-bootstrap-3、media-queries

所以bootstrap会停止滚动，在这一点上，我找到了一个修复：@media screen and (max-width:768px){ </div> </div> </div> 问题是，当你在bootstrap中设置响应

浏览 9提问于2020-03-14得票数 0

3回答

无法使用dotnetnuke进行引导响应式设计

css、twitter-bootstrap、dotnetnuke

我在我的DotNetNuke项目中使用了twitter bootstrap。我做我的设计和布局使用HTML，CSS，bootstrap。当我在不同的移动设备上测试它时，甚至当我调整浏览器窗口的大小时，响应式设计都工作得很好。由于它运行良好，我将设计转换为DotNetNuke皮肤。现在，只有当我调整浏览器窗口大小时，响应式设计才能正常工作，而不是在移动设备上。我了解DNN加载样式表的流程，并遵循了它。我的skin.css是bootstrap.css的组

浏览 1提问于2012-05-22得票数 10

回答已采纳

1回答

Bootstrap 3.0.0 -什么是bootstrap-responsive.css的替换？

twitter-bootstrap、twitter-bootstrap-3

在我将我的应用程序从bootstrap 2.3.2升级到bootstrap 3.0.0之后，它的布局不是很好，这似乎是因为在这个最新版本中缺少bootstrap-responsive.css。

浏览 0提问于2013-08-28得票数 23

回答已采纳

1回答

bootstrap 3响应表，第一列固定

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

我的目标是移动，所以我有一个Bootstrap响应表。它只是一个带有bootstrap类" table -responsive“的div，以及一个嵌套在类"table table-striped table-bordered table-hover table-condensed”中的表。在移动设备上，很可能每次都会有滚动，但第一列包含的基本上是表头。

浏览 1提问于2013-11-02得票数 19

回答已采纳

2回答

如何先移除移动端的引导程序(先使用桌面)

css、mobile、responsive-design、twitter-bootstrap-3、media-queries

是否可以在bootstrap中删除移动端优先方法，而首先使用常规桌面？基本上是从台式机到平板电脑再到移动设备，就像过去一样。我希望保留响应功能，但在创建针对较小设备的媒体查询时，我希望从桌面>平板电脑>移动设备。我需要编辑一些文件吗？

浏览 1提问于2014-04-24得票数 0

1回答

如何设置Bootstrap表响应式移动布局

css、twitter-bootstrap、bootstrap-4

使用Bootstrap 4alpha。在mobile (sm)视图中，我希望单元格落入单列。也许在tablet (md)视图中，我可能需要两列。我可以使用什么类来实现这一点，或者我会更聪明地重新开始使用引导行和列而不是表？

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

1回答

如何使用Bootstrap制作带值的Slider？

jquery、twitter-bootstrap、slider

如何使用Bootstrap制作带值的Slider？或者在最坏的情况下使用jQuery，但最可取的是Twitter Bootstrap。 

浏览 0提问于2015-10-29得票数 0

2回答

自定义引导不显示平板电脑的响应行为

twitter-bootstrap、drupal-7、responsive-design、drupal-themes

它给了我两个文件当我上传这个简单的主题(不是Drupal)时，它在平板电脑中表现出了响应性的行为。当我将同一主题转换为Drupal时，drupal站点在调整计算机中浏览器的大小时会显示响应行为。但是当我用平板电脑访问这个网站时，它只是一个正常的网站，而不是一个响应性的网站。stylesheets[all][] = css/bootstrap.css stylesheets[all][] = css&#x

浏览 6提问于2012-09-22得票数 0

1回答

Bootstrap移动响应问题

css、bootstrap-4

我正在尝试使我的投资组合响应，但有一些问题与引导。我有4个div，它们应该平均占据屏幕的宽度。我有一个类的row d-none d-sm-block在上面。这应该会隐藏这组div，并在屏幕降到576像素以下时切换我的移动视图。这似乎起作用了。我在4个div中的每一个上都有一个col-sm-3。这看起来就是问题所在。

浏览 12提问于2019-02-03得票数 0

回答已采纳

1回答

Bootstrap移动响应页面

html、twitter-bootstrap

在使用Bootstrap时，除了使用viewport元标记之外，是否还有其他方法可以使移动优先响应网页？

浏览 1提问于2021-07-10得票数 0

3回答

仅在移动设备上启用引导响应

javascript、jquery、html、css、twitter-bootstrap

我一直在搜索，但没有找到这个问题的答案或解决方案：默认情况下有什么方法可以做到这一点吗？

浏览 1提问于2015-10-15得票数 2

4回答

Twitter的Bootstrap对移动设备是否像Skeleton一样友好？

css、twitter-bootstrap、responsive-design、skeleton-css-boilerplate

scale遵循的原则进行了缩放，以适应移动浏览器。Bootstrap也提供同样的功能吗？

浏览 3提问于2011-11-21得票数 34

回答已采纳

3回答

电子商务响应式网站还是移动网站？

mobile、responsive-design、e-commerce

最近我想知道响应式和移动端的网站，特别是电子商务。我有一个相当大的项目即将到来，它似乎将是一个相对沉重的(在模板和功能方面)。因此，当务之急是做一个移动网站，以削减某些功能，这些功能可能性能很重，但并不是必需的。但这些天来，这有意义吗？移动电子商务是否仍然有优势，或者应该只做一个响应？

浏览 3提问于2015-02-18得票数 3

2回答

Twitter Bootstrap* -如何在调整大小的浏览器窗口中构建窗体？*

html、css、twitter-bootstrap

我正在使用twitter bootstrap框架，并且我正在尝试构建订阅表单。但当我尝试调整屏幕大小时，它看起来是这样的：在我的项目中，我使用了CSS:bootstrap.min.css和JS:bootstrap.min.js。另外，我的项目有以下结构： <!

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

回答已采纳

2回答

数据表响应列优先级

datatables

我有一个在大屏幕上有10列的数据表，但希望在调整屏幕大小时优先考虑第一列和最后一列：<div class="card-header"><script src="vendor/datatables/dataTabl

浏览 1提问于2017-10-18得票数 0

1回答

Primefaces响应式设计

java、primefaces、responsive-design、facelets

我想知道是否有一个框架或库，允许我使用Primefaces开发web应用程序，并且模板或布局根据屏幕显示进行响应。非常感谢您的帮助！

浏览 5提问于2013-01-03得票数 3

回答已采纳

1回答

屏幕分辨率和滚动条问题

css

在chrome中，当屏幕分辨率(全屏)是最大值时，我想禁用滚动条功能。当屏幕分辨率降低(最小化)时，我希望滚动条功能正常工作。有没有可能，如果是这样，怎么做？ .content { padding: 12px; background-color: blue; height: 1000px; } 我使用的是上面的css代码。对于最小化的页面高度是可以的，但在全屏时会有不必要的滚动。我想把它去掉。

浏览 17提问于2020-10-25得票数 0

点击加载更多