个人中心
gpt4 book ai didi

javascript - 如何在 Twitter Bootstrap 中有条件地禁用响应特性

转载 作者：行者123 更新时间：2023-11-29 21:04:56 26 4
gpt4 key购买 nike

我有两个独立的桌面主题和移动主题。在桌面主题中，我使用了 Bootstrap 类。我知道 Bootstrap 类创建响应式布局。但我不想要桌面主题中的响应式布局。

请有人帮助我，如何解决？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>size resolution</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<div class="col-lg-4">
    hello1
</div>
<div class="col-lg-4">
    hello2
</div>
<div class="col-lg-4">
    hello3
</div>
<section>
The online encyclopedia project Wikipedia is by far the most popular wiki-based website, and is one of the most widely viewed sites of any kind in the world, having been ranked in the top ten since 2007.[3] Wikipedia is not a single wiki but rather a collection of hundreds of wikis, one for each language. There are at least tens of thousands of other wikis in use, both public and private, including wikis functioning as knowledge management resources, notetaking tools, community websites, and intranets. The English-language Wikipedia has the largest collection of articles; as of September 2016, it had over five million articles. Ward Cunningham, the developer of the first wiki software, WikiWikiWeb, originally described it as "the simplest online database that could possibly work".[4] "Wiki" (pronounced [ˈwiki][note 1]) is a Hawaiian word meaning "quick".
</section>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous">
</script>
</body>
</html>

最佳答案

使用 col-xs- 而不是 col-lg- 前缀让列适用于所有分辨率；)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>size resolution</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<div class="col-xs-4">
    hello1
</div>
<div class="col-xs-4">
    hello2
</div>
<div class="col-xs-4">
    hello3
</div>
<section>
The online encyclopedia project Wikipedia is by far the most popular wiki-based website, and is one of the most widely viewed sites of any kind in the world, having been ranked in the top ten since 2007.[3] Wikipedia is not a single wiki but rather a collection of hundreds of wikis, one for each language. There are at least tens of thousands of other wikis in use, both public and private, including wikis functioning as knowledge management resources, notetaking tools, community websites and intranets. The English-language Wikipedia has the largest collection of articles; as of September 2016, it had over five million articles. Ward Cunningham, the developer of the first wiki software, WikiWikiWeb, originally described it as "the simplest online database that could possibly work".[4] "Wiki" (pronounced [ˈwiki][note 1]) is a Hawaiian word meaning "quick".
</section>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous">
</script>
</body>
</html>

关于javascript - 如何在 Twitter Bootstrap 中有条件地禁用响应特性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44492187/

26 4 0
文章推荐： php - 显示mysql数据时出现重复列
文章推荐： android - 如何让溢出的 TextView 与 android :ellipsize ="start"? 一起使用
文章推荐： php - 我对他的 php mysql 做错了什么
文章推荐： android - 使用 phonegap 在 android 中关闭 Bootstrap 模态
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com