bootstrap初探2
2015-10-31 20:41
579 查看
控制是否显示:visible-(lg | md | sm |sx)-(block | inline | inline-block), hidden-(lg | md | sm |sx)
View Code
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/bootstrap.css"> <style> .container{ border:1px #000 solid; background: #CCC;} div[class^=col-] { color: white; border: 1px solid red;} </style> </head> <body> <div class="container"> <div class="row"> <div class="visible-print-block">aaaaaa</div> <div class="hidden-print">bbbbb</div> </div> </div> </body> <script src="js/jquery-2.1.3.js"></script> <script src="js/bootstrap.js"></script> </html>
View Code
相关文章推荐
- BootStrap中datepicker的使用和修改
- JS组件系列——Bootstrap Table 表格行拖拽
- bootstrap初探
- [置顶] Bootstrap导航栏实例讲解
- Bootstrap:简洁、直观、强悍的前端开发框架
- 使用bootstrap+asp.net mvc4+IBatis.Net实现的小程序
- bootstrap下 图片轮播的实现
- bootstrap IE兼容
- BootStrap学习笔记-1
- JS组件系列——Bootstrap Table 表格行拖拽
- Bootstrap-fileinput 多图片上传编辑
- 高德地图API使用笔记 -- bootstrap样式与高德地图兼容的问题
- lance年前第一波大礼,bootstrap html5 模版,希望大家喜欢。
- Bootstrap导航条鼠标悬停下拉菜单
- 10个可以替代Bootstrap的前端框架
- 对Bootstrap分页封装使用
- bootstrap 内容简略显示
- bootstrap的栅格系统
- bootstrap中弹出窗体dialog的自定义
- bootstrap display属性