当前的位置： 捷杰建站   前端开发

bootstrap使用笔记

前端开发 作者： 2024-08-25 22:50:01
本文翻译自【http://getbootstrap.com/2.3.2/scaffolding.html#gridSystem】 1、需要在H5的文档声明中使用； 2、如下一个简单的两列布局，先添加一 
<div class="row">
  ="span4">...</div="span8">
>
="span9">
    Level 1 column
    >
      ="span6">Level 2="span3">
    >
="row-fluid">
="span4 offset2">
="span12"
    Fluid 12
    
        Fluid 6
        >
          >Fluid 6>
        >
body="container"
    ...
  >
="container-fluid"="span2"<!--Sidebar content-->
    ="span10"Body content>
meta name="viewport" content="width=device-width,initial-scale=1.0"link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
Label Layout width Column width Gutter width
Large display 1200px and up 70px 30px
Default 980px and up 60px 20px
Portrait tablets 768px and above 42px 20px
Phones to tablets 767px and below Fluid columns,no fixed widths
Phones 480px and below Fluid columns,no fixed widths 
/* Large desktop */
@media (min-width: 1200px) { ... }
 
 Portrait tablet to landscape and desktop 
@media (min-width: 768px) and (max-width: 979px) { Landscape phone to portrait tablet 
@media (max-width: 767px) { Landscape phones and down 
@media (max-width: 480px) { ... }
Class Phones767px and below Tablets979px to 768px DesktopsDefault
.visible-phone Visible
.visible-tablet Visible
.visible-desktop Visible
.hidden-phone Visible Visible
.hidden-tablet Visible Visible
.hidden-desktop Visible Visible

When to use

原创声明
本站部分文章基于互联网的整理，我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
本文链接：http://www.jiecseo.com/news/show_68641.html
bootstrap使用笔记

相关新闻

Linux下DedeCMS详细安全设置教程
dedecms 上传目录路径
织梦58织梦模板加固版教程详解
加固版织梦CMS整站源码通用安装教程
织梦安装入门视频教程（织梦58莹莹主讲）
修改dede专题管理功能 自定义节点容器模板
织梦(Dedecms)文档关键词维护,文章页自动添加关键词内链锚文本
dedecms把文章批量设为未审核的办法
使用DEDE织梦计划任务功能定时更新首页

本站采用系统自动发货方式，付款后即出现下载入口，如有疑问请咨询在线客服！

售后时间：早10点 - 晚11:30点

咨询售后客服

推荐模板

推荐精华

热门标签

网站模板 企业网站模板 网站模板下载 简单大气 手机网站模板 响应式网站模板 门户网站模板 下载免费网站模板 学校网站模板 网站模板免费下载 旅游网站模板 电子商务网站模板 公司网站模板 教育网站模板 外贸网站模板 政府网站模板 新闻网站模板 免费网站模板下载 导航网站模板 音乐网站模板 班级网站模板 传奇网站模板 php个人网站模板 汽车网站模板 html个人网站模板 个人网站模板下载 工艺品网站模板 广告公司网站模板 韩国网站模板 商业网站模板
服务热线 19970861797
服务热线 19970861797服务热线 19970861797
售前咨询
售后客服
立即联系
售前客服
立即联系
售后服务
售后客服
立即联系
投诉电话：19970861797
手机二维码
【捷杰建站】
关于我们| 支付账号| 帮助中心| 客户服务| 售后服务| 网站地图 AI工具箱

Copyright © 2024 jiecseo.com All rights reserved.  粤ICP备18085929号

欢迎光临【捷杰建站】，本站所有资源仅供学习与参考，禁止用于商业用途或从事违法行为！

技术营运：深圳市晟艺互动传媒有限公司