Bootstrap 3隐藏-*不适用于中等大小的窗口
Bootstrap是一种流行的前端开发框架，它提供了丰富的CSS和JavaScript组件，用于快速构建响应式网站和Web应用程序。
在Bootstrap 3中，我们可以使用特殊的CSS类来隐藏元素，其中包括"hidden-xs"、"hidden-sm"、"hidden-md"和"hidden-lg"。这些类允许我们根据屏幕大小隐藏特定的元素。
- "hidden-xs"类用于隐藏在Extra Small（非常小）屏幕上的元素，通常是手机屏幕。
- "hidden-sm"类用于隐藏在Small（小）屏幕上的元素，通常是平板电脑屏幕。
- "hidden-md"类用于隐藏在Medium（中等）屏幕上的元素，通常是较大的平板电脑或小型笔记本电脑屏幕。
- "hidden-lg"类用于隐藏在Large（大）屏幕上的元素，通常是台式机电脑屏幕或大型笔记本电脑屏幕。
这些隐藏类可用于创建响应式设计，以便在不同的设备上呈现不同的内容或布局。例如，您可能希望在较小的屏幕上隐藏某些元素，以便节省空间或提供更好的用户体验。
对于中等大小的窗口，Bootstrap 3的隐藏类可能不适用。在这种情况下，您可以考虑使用媒体查询或其他自定义CSS来根据特定的窗口大小隐藏或显示元素。
腾讯云提供了一系列与前端开发相关的产品和服务，例如云服务器、对象存储、内容分发网络（CDN）等，可以帮助开发者轻松构建和托管响应式网站和Web应用程序。您可以访问腾讯云的官方网站了解更多信息和产品介绍：https://cloud.tencent.com/
相关·内容
Bootstrap 3类隐藏-*似乎在某些窗口大小上不能正常工作。我认为这段代码必须永远隐藏文本： <!>
</html> 但在一些窗口宽度上(在非常窄的间隔内)，它会显示出来。当文本可见时，Firefox扩展"Bootstrap - Responsible Helper“总是显示"LG”。Screenshot from Chrome with devtools Scree
浏览 22提问于2021-11-12得票数 1
2回答
我需要创建一个显示投票给用户可以投票的页面。我想要在一行中显示所有内容，但如果窗口变得更少，我希望div像这样下降。<div class="row"> <div class="header-encuesta
浏览 1提问于2015-08-21得票数 3
回答已采纳
rails 4.2.1 gem 'ajax-datatables-rails', '~>0.3.0'当我调整大小时，正常浏览器窗口的响应额外工作。但不适用于手机，也不适用于<
浏览 1提问于2015-10-22得票数 3
回答已采纳
我创建了一个网站，当在iPad或iPhone上查看它时(例如)，它不会调整大小以适应屏幕。它将我的文本框(带有名称和社交媒体按钮)放在左边，背景图片放在右边(在这两个元素之间有空格)。我希望该网站的工作时，在纵向和横向，以及在桌面浏览器(调整大小与浏览器窗口) <a href="https://twitter.com/
浏览 3提问于2017-03-29得票数 0
2回答
小屏幕上的引导布局
、、、
我使用将网页构建到使用和创建的应用程序中。一切似乎都很好，但我有一个问题。当我在台式机或笔记本电脑上测试网页时，页面布局很好，分为12个部分，但当我试图将图像或按钮放在手机布局的同一行时，它们会垂直放在另一个的顶部。例如，如果我在一行中有两个按键，则这两个按键将延伸到电话的宽度，并放置在两个单独的行中。我想做的一件事是有6个编号为1-6的框，用户可以从中进行选择。我想每行有2个数字，有3行。当我试图以这种方式实现图像(编号框)时，它们再次被拉伸，最终出
浏览 6提问于2013-10-15得票数 1
我在使用“隐藏”类来隐藏特定大小的内容时遇到了问题。它适用于某些内容，但不适用于其他内容。我使用：我已经尝试了导航品牌的标志，它的工作，但它不工作在导航栏，一些图片等…<d
浏览 6提问于2017-08-16得票数 1
回答已采纳
我有一个windows窗体应用程序，其中根据整个窗口的文本大小更改字体大小。如何在Windows窗体应用程序中维护默认字体大小--即使整个窗口的文本大小从小到中等？我已经将AutoScalMode用于无，但字体大小与控件重叠，如果它们非常接近的话。谢谢
浏览 4提问于2013-10-17得票数 0
回答已采纳
1回答
我正在尝试创建一个带有图像网格的页面。当窗口很大时，我希望每一行显示4幅图像，当它是中等大小时，每行显示3幅图像，当窗口很小时，每行显示2幅图像。但是，Bootstrap的似乎表明，行间隔必须提前修复，例如： <div class="col-md-1">.col-md-1</div>
<div class有什么方法可以
浏览 0提问于2014-03-20得票数 3
回答已采纳
我的设备可以有三个不同的屏幕大小之一- 800 x 392,1024 x 544,1280 x 725。
目前，我们使用不同的css文件使用时，屏幕大小定义从HTTP头时，从我们的web应用程序。我想切换到引导，以统一我们的应用程序的外观，但也做一个css定义，而不是3。当我加载这个引导示例- 在我的浏览器和调整大小为不同的宽度，我喜欢的结果。请原谅我对引导<em
浏览 1提问于2015-06-25得票数 1
回答已采纳
1回答
引导3使行的列向右浮动
、、、
因为我正在修改Woocommerce模板，它使用了Bootstrap 3，所以我不能简单地切换到Bootstrap 4，尽管最新的版本确实会对我有很大的帮助。( b)我可以使用任何技术或自定义代码，只要它正常工作，即使它超出了Bootstrap 3框架范围。另外，由于Bootstrap 3不使用flexbox，所以我添加了以下代码： display: flex !important;对两个列进行包装<
浏览 0提问于2020-11-16得票数 1
回答已采纳
如果这些问题太多，请告诉我，我把问题编辑成3个？问题：打开虚拟键盘(keyboardViewer)resize it将it关闭，如close restore和minimize应用程序1：
tell application "System
浏览 3提问于2011-11-22得票数 0
回答已采纳
2回答
我正在尝试做一些类似于codepen的dashboard的事情，或者如果你没有帐户，可以只检查codepen的home screen。我有一个卡片的动态列表，但我希望它具有响应性，并且相对于视口大小减少行卡的数量。 我认为bootstrap可以帮助它，但我所有的尝试都不起作用。请注意，卡的数量可以动态变化 以下是我到目前为止所获得的pen： <div class="row">
<div c
浏览 29提问于2019-02-09得票数 1
我正在使用D3Plus，并且在调整浏览器窗口的大小时，我尝试了许多方法来自动调整div的大小。
方法(如另一个div中的div )不适用于D3Plus。当浏览器窗口调整大小时，有人找到重新绘制D3Plus对象的方法了吗？
浏览 1提问于2016-06-22得票数 0
回答已采纳
<li>Beef</li>
我应该有一个大的桌面和一个中型的平板电脑一样的视图，上面没有浅蓝色，只有深色的，上面没有"ChikenBeefSushi“。我使用Bootstrap 3.3.6，因为这是老师使用
浏览 0提问于2020-05-15得票数 0
我使用的是经典编辑器，以下是图像的默认设置：在一篇文章中，我希望所有插入的图像都链接到中等大小的URL，而不是完整的URL，这似乎是WP在选择“Media File”链接时设置的方式。理想情况下，我希望有一种方法来为现有的和未来的职位设置它。到目前为止，我发现了两种可能的方法：
image_send_to_editor过滤器:我使用中等大小的URL str_
浏览 0提问于2019-07-04得票数 0
我找到了@Bojan Petkovski如何制作by滑块全屏的好建议：
一旦浏览器的窗口被调整到它最小的宽度(使其变窄)，幻灯片就不会按比例调整大小。正如我所测试的，如果我没有错的话，这个规则就不适用于调整大小： heigh
浏览 4提问于2015-03-13得票数 0
回答已采纳
1回答
我刚刚开始了我自己的一个新项目。我想做的是，在大屏幕上，有一个按钮激活一个模式窗口，但是，在较小的屏幕(手机)上，我希望这个模式窗口成为一个关闭的画布部分，当按钮被点击时，离开的帆布从侧面滑行。想一想，像多个缩略图，每个按钮，让观众添加评论)
我使用引导带3作为我的基本框架。我想尽量减少javascript (jQuery)的功能，但我知道我不能完全做到。我有问题，是否必须创建两个HTML部分，一个用于</e
浏览 2提问于2013-10-21得票数 0
0回答
我有一个web应用程序，它使用dhtmlx模式窗口来显示表单。该表单是响应的，使用Bootstrap，但dhtmlx模式窗口不适应窗口的大小(不响应)。现在，如果我调整窗口(浏览器)的大小，使其小于dhtmlx模式窗口，我会有一个滚动条。我希望dhtmlx模式窗口变得更小，因为屏幕变得比模式窗口小。，你可以看到一个包含Bootstrap<
浏览 13提问于2016-07-13得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
