Bootstrap显示与隐藏简单实现代码
作者：deepquiet 发布时间：2023-08-24 17:30:54
标签：bootstrap,显示,隐藏
本文实例为大家分享了bootstrap显示隐藏的具体代码，供大家参考，具体内容如下
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE-edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Bootstrap 101 Template</title>
<link href="http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap-theme.min.css" rel="external nofollow" rel="stylesheet">
<link href="http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="external nofollow" rel="stylesheet">
</head>
<body>
<!-- 显示 -->
<div class="show bg-warning">show</div>
<!-- 隐藏 -->
<div class="hidden">hide</div>
<!-- 隐藏文字 -->
<div class="text-hide bg-warning">hide</div>
<!-- xs范围内显示 -->
<div class="visible-xs-block">visible</div>
<!-- xs范围外显示 -->
<div class="hidden-xs">hide</div>
<script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.1/js/npm.js"></script>
</body>
</html>
xs范围：
xs范围之外：
本文系列教程整理到：Bootstrap基础教程 专题中，欢迎点击学习。
0
投稿猜你喜欢
- 很多人都有研究闭合浮动元素的问题，但是解决方法却不一样，也并不是每一种方法都尽善尽美。闭合浮动元素（或者叫清除浮动）是web标准设计中经常会
- 有些 SQL Server 2000 Personal Edition 实例和 SQL Server 2000 Desktop Engine
- 1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 2、同一个的class选择符可以在一个
阅读上一章：Chapter 13 为文字指定样式Chapter 14 图片替换随着更多设计师与开发者开始使用标准(特别是CSS),每天都会有- 恭喜您，您中奖了，你的中奖码是（请牢记，领奖需要）：ＸＸＸＸＸＸＸＸＸＸＸ然后用户输入ＸＸＸＸＸＸＸＸＸＸＸ，简单验证后就可以领奖了。你使用
- 想必Java 的开发者没有不知道或者没用过 jps 这个命令的，这个命令是用来在主机上查看有哪些 Java 程序在运行的。我刚用 Go 语言
- 有几个原因促使我们使用自定义的select控件来代替原生的select控件：在ie6下select是一个窗口级的元素，绝对定位的层会被sel
- 前言在golang当中，defer代码块会在函数调用链表中增加一个函数调用。这个函数调用不是普通的函数调用，而是会在函数正常返回，也就是re
- CSS制作滑动折叠的文字效果，可以用于二级导航菜单的制作，不错的下拉菜单。<!DOCTYPE html PUBLIC "-/
- 设置Table的细边框通常有这么几种方式：1、设置边框的BORDER=0 、cellspacing=1，设置Table的背景色为所要的边框色
- 我的工作内容可以说是五花八门，策划、文案、设计（包括平面设计、网站设计、VIS设计）、前端代码、交互、测试、摄影、项目管理等。所有这些工作最
- MySQL数据库中文问题的解决方法：1.my.ini MySQL配置文件设置[client]default-character-set=gb
- 有两个服务器，装了两个数据库，一个是主的，一个是备用的，下面的的功能就将主数据库的数据库，实时同步到备份数据库上，使他们的数据内容，基本上保
- 本文实例讲述了javascript二维数组转置的方法。分享给大家供大家参考。具体实现方法如下：<script language=&qu
- 在JavaScript中，我们应该尽可能的用局部变量来代替全局变量，这句话所有人都知道，可是这句话是谁先说的？为什么要这么做？有什么根据么？
- <％ SoFia_DbName="jiaoyou&qu
- PHP PDO 错误与错误处理PDO::ERRMODE_SILENT此为默认模式。 PDO 将只简单地设置错误码，可使用PDO::error
- 大家知道，Microsoft为了更好地预防恶意用户和攻击者的攻击，在默认情况下，没有将 IIS6.0 安装到 Windows Server
- 本文将想大家简单介绍一下XML HttpRequst对象基础方法，希望通过本文能够使大家对其有一个初步的了解readyState一共有5个可
- 在昨天的文章，《 block 和 inline 的区别是？》里，我给大家留了个问题——LI 元素到底是block level 的，还是 in
