1
1
1
1
1
1
1
1
1
1
1
1
4
4
4
4
8
6
6
12

The default grid system provided in Bootstrap utilizes 12 columns that render out at widths of 724px, 940px (default without responsive CSS included), and 1170px. Below 767px viewports, the columns become fluid and stack vertically.

<div class="row">
    <div class="span4">...</div>
    <div class="span8">...</div>
</div>

As shown here, a basic layout can be created with two "columns", each spanning a number of the 12 foundational columns we defined as part of our grid system.


Offsetting columns

4
4 offset 4
3 offset 3
3 offset 3
8 offset 4
<div class="row">
    <div class="span4">...</div>
    <div class="span4 offset4">...</div>
</div>

Nesting columns

With the static (non-fluid) grid system in Bootstrap, nesting is easy. To nest your content, just add a new .row and set of .span* columns within an existing .span* column.

Example

p>Nested rows should include a set of columns that add up to the number of columns of it's parent. For example, two nested .span3 columns should be placed within a .span6.

Level 1 of column
Level 2
Level 2
<div class="row">
     <div class="span6">
        Level 1 column
        <div class="row">
            <div class="span3">Level 2</div>
            <div class="span3">Level 2</div>
        </div>
    </div>
</div>

Fluid columns

1
1
1
1
1
1
1
1
1
1
1
1
4
4
4
4
8
6
6
12

Percents, not pixels

The fluid grid system uses percents for column widths instead of fixed pixels. It also has the same responsive variations as our fixed grid system, ensuring proper proportions for key screen resolutions and devices.

Fluid rows

Make any row fluid simply by changing .row to .row-fluid. The columns stay the exact same, making it super straightforward to flip between fixed and fluid layouts.

Markup

<div class="row-fluid">
    <div class="span4">...</div>
    <div class="span8">...</div>
</div>

Fluid nesting

Nesting with fluid grids is a bit different: the number of nested columns doesn't need to match the parent. Instead, your columns are reset at each level because each row takes up 100% of the parent column.

Fluid 12
Fluid 6
Fluid 6
<div class="row-fluid">
    <div class="span12">
        Level 1 of column
        <div class="row-fluid">
            <div class="span6">Level 2</div>
            <div class="span6">Level 2</div>
        </div>
    </div>
</div>

Fixed layout

The default and simple 940px-wide, centered layout for just about any website or page provided by a single <div class="container">.

<body>
    <div class="container">
        ...
    </div>
</body>

Fluid layout

<div class="container-fluid"> gives flexible page structure, min- and max-widths, and a left-hand sidebar. It's great for apps and docs.

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span2">
            <!--Sidebar content-->
        </div>
        <div class="span10">
            <!--Body content-->
        </div>
    </div>
</div>

What they do

Media queries allow for custom CSS based on a number of conditions—ratios, widths, display type, etc—but usually focuses around min-width and max-width.

  • Modify the width of column in our grid
  • Stack elements instead of float wherever necessary
  • Resize headings and text to be more appropriate for devices

Use media queries responsibly and only as a start to your mobile audiences. For larger projects, do consider dedicated code bases and not layers of media queries.

Supported devices

Bootstrap supports a handful of media queries in a single file to help make your projects more appropriate on different devices and screen resolutions. Here's what's included:

Label Layout width Column width Gutter width
Smartphones 480px and below Fluid columns, no fixed widths
Smartphones to tablets 767px and below Fluid columns, no fixed widths
Portrait tablets 768px and above 42px 20px
Default 980px and up 60px 20px
Large display 1200px and up 70px 30px

Requires meta tag

To ensure devices display responsive pages properly, include the viewport meta tag.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Using the media queries

Bootstrap doesn't automatically include these media queries, but understanding and adding them is very easy and requires minimal setup. You have a few options for including the responsive features of Bootstrap:

  1. Use the compiled responsive version, bootstrap-responsive.css
  2. Add @import "responsive.less" and recompile Bootstrap
  3. Modify and recompile responsive.less as a separate file

Why not just include it? Truth be told, not everything needs to be responsive. Instead of encouraging developers to remove this feature, we figure it best to enable it.

  /* Landscape phones and down */
  @media (max-width: 480px) { ... }
  /* Landscape phone to portrait tablet */
  @media (max-width: 767px) { ... }
  /* Portrait tablet to landscape and desktop */
  @media (min-width: 768px) and (max-width: 979px) { ... }
  /* Large desktop */
  @media (min-width: 1200px) { ... }

Responsive utility classes

What are they

For faster mobile-friendly development, use these basic utility classes for showing and hiding content by device.

When to use

Use on a limited basis and avoid creating entirely different versions of the same site. Instead, use them to complement each device's presentation.

For example, you might show a <select> element for nav on mobile layouts, but not on tablets or desktops.

Support classes

Shown here is a table of the classes we support and their effect on a given media query layout (labeled by device). They can be found in responsive.less.

Class Phones 480px and below Tablets 767px and below Desktops 768px and above
.visible-phone Visible
.visible-tablet Visible
.visible-desktop Visible
.hidden-phone Visible Visible
.hidden-tablet Visible Visible
.hidden-desktop Visible Visible
网站轮换图长春网站优化长沙网站推广公司北京做网站的公司网络安全举办活动四大门户网站中科信息安全共性国家工程研究院信息安全国内知名人士病毒性营销的目的信息安全系统控制,-1如果有的选的话,林洛绝对不想来到这方世界。 他本以为入了仙宗便能逍遥自在,却没成想仙宗所寻的仙跟他理解的完全不同! 通幽、筑怨、结戾、化煞……要成仙,先化诡! 所谓修仙竟是要把活人一步步推向死亡深渊? 灵种食人、阴女寻夫、万尸成树…… 所有修仙者都深深畏惧着那草菅人命的怪谲,但同时他们又发疯一般寻觅着成就怪谲的机缘…… 诡异莫测的怪谲,诡雾笼罩的寰宇,在生死边缘挣扎的修者……欢迎来到修仙世界!胥.小康十三年。 寒门少年韩复,携一纸婚约,叩开随国公府门,欲娶玉面罗刹、扫眉将军秦昭宁为妻。 哪知秦家当面悔婚,且言语羞辱,并施舍千贯铜钱。 志在帝王的穿越者,只取三文予以回击。 恰逢秦周两家意欲联姻,合谋摆擂、比诗招亲。正得意之际,韩复登擂。 “秦平,你儿辱我骂我,你也不曾正眼瞧我,我抢你个儿媳,不过分吧?” 个人V信:guoxiying486他,虽是庶子,但却是王国八大贵族之一格林家族内定继承人,长相虽平凡,但他的心不甘于平凡。虽然被人陷害、不得不被流放追杀,但天降系统,助他成神。且看一个小领主如何借助系统和奇遇,一步步崛起,最终称霸大陆.....明明只是想摆烂,活上一天算一天的严小狗,在一次狩猎结束后遇到了突然出现的颜小咩。 明明只想躺平,但生活一定要推着我往前走! 不管了不管了,活下去才是最重要的! 只要能活着,没饭吃了就去打猎,世界末日的话那就拯救世界好了! (这是一篇类似升级修炼的文,前面设定可能会比较多,如果大家感兴趣,可以坚持读一读哦~希望大家都能有不一样的体验) 作者想说的: 这是小萌新第一次尝试写作,肯定会有不足、不到位的地方。 希望各位大佬和读者大大们海涵,欢迎大家指正。 当然如果能给予一些支持就再好不过啦! 你们的支持是我坚持下去的最大动力! 十壹拜谢——【热血奶爸+超级神豪系统+幽默沙雕】   “张昊,我生了你的宝宝,三胞胎!”   “啥?”   看着眼前的美女校花,张昊满脸震惊!   这时……   “叮~恭喜宿主激活超级奶爸系统!”   “叮~给宝宝做饭,奖励超级厨艺!”   “叮~给宝宝唱哥,奖励超级音乐天赋!”   “叮~跟老婆造娃,奖励一百亿!”   张昊:什么情况?我咋蒙圈了呢???顶级特工失忆,悄然回到故乡; 各国巨头首脑,一夜之间沸腾! “他是可以一人攻破一个国家最高防御的利刃!” “他是医仙王诩的唯一传人,他是医好我不治之症的人!” “他还是我女儿的意中人……” “给我找!不论付出任何代价,一定要找到他!”梁凡穿越到被中洲国国丈废弃后扔到边疆的皇子身上,正赶上国丈买通马匪前来杀自己,危急时刻梁凡获得异宝地精之力,反杀马匪。 梁凡投入军中,一步步崛起,待回京欲要表明身份,夺回大权时,却生异变,身受重伤,被烈阳、烈一一父女二人救回极北狼族疗伤。 极北冰寒之地潜伏的狼魂,慢慢苏醒··· 莽莽戈壁滩上狼烟四起的凶兽战场··· 危机四伏的丛林,神秘的古巫族,奇闻中的东海修仙族··· 我本良善,奈何凶兽环伺左右! 准备好,凡爷来了! “星际联盟当然诸位士兵听令,杀入魔道星域!”丁含说道,各士兵一鼓作气冲入魔道星域。 他们气势如虹,以摧枯拉朽之势杀的魔道星域士兵节节败退,不一会便将魔道星域的三分之一攻打了下来,原计划是整顿军队,但将军丁含确大喊:给我冲,一鼓作气拿下他!” 这时丁晗大军的后方冲入魔道星域士兵,这时他才发觉自己上当了,于是双手执剑,往西北方向突围。在即将突围之际,总部发来消息:总部已经被攻陷,我们进攻魔道星域但被联盟别的星域攻击丁晗将军保重。丁晗听后一下失了神,眼看就突围失败了,但这时一股极致的光明之力出现。 瞬间击垮魔道星域士兵几百帮助丁晗突围,在众人突围成功后,一位身穿金色战甲留着白色长发的男子出现在丁晗面前对众人说道:他们绝对不会放过我们我觉得……还没说完魔道星域变联合其他星域的士兵包夹了上来,那位白发男子大喊:“来不及了,异次元穿梭!”之后光芒笼罩了整个丁晗的军团,不一会,便全部消失。 一代魔君萧逸枫被迫重生回到过去, 开局喜提战力天花板老婆,我于人间已无敌? 屁!当他说出,仙子,我真是你夫君时,堂堂一代魔君差点没被妻子掐死。 他发誓要重新征服这冷艳美人! 他腹黑,不舔狗,人狠话又多,为达目的不择手段。 对朋友他是完美的化身,对敌人他比魔教还魔教! 一人分饰两角,将幕后黑手的活全抢了! 表面上他是正道天才,背地里他化身魔教新秀搅动天下风云。富士山喷发?小日子沦陷?全球灵气复苏?人人可修行?当飞机撞上了御剑飞行,当轮船碰上了水上漂,当汽车跑不过人,这是道德的沦丧还是人性的扭曲?欢迎走进高武世界,一探究竟!!!
网络营销培训学院 深圳信息安全认证中心 河南网站建设公司 网络安全的关键技术有 网络安全和信息安全 四平网站建设 即时通信营销的特点 重庆专业网站搭建 营销型视频 好的数据库网站 成都网络安全公司排名 网络营销电话 网络安全产品厂商 免费企业营销网站制作 广州做网站的公 汉中建网站 中山精品网站建设信息 美团网的营销特点 中科信息安全共性国家工程研究院 台州公司网站建设 网络营销电话 搜索引擎营销创意分析 网络信息安全培训资料,-1 网络营销小案例分析 路由器 网络安全 制作一个营销型网站 信息安全分析师培训 网络安全产品厂商 边界网络安全要求 重庆大足网站制作公司推荐 平台型网站 深圳外贸响应式网站建设 网络注册信息安全工程师培训 win7网络安全注册表 网络信息安全基础实施细则 上海企业网站建设报价 免费域名网站的 网络安全举办活动 asp网站空间 珠海动态网站制作外包 西安营销公司排名 常见的网络营销策略有哪些 facebook内容营销案例 网站设计公司市场容量 武汉网站制作 app开发 重庆专业网站搭建 极速网站建设2009网络安全事件 长春做网站电话 北京做网站的公司 信息安全等保测评报告 手机网站界面设计 网络安全的关键技术有 专业制作网站 郑 珠海集团网站建设报价 学校信息安全部 昆明网站排名优化 网络安全科技有限公司 网络营销体系不合理 网络安全举办活动 中科信息安全共性国家工程研究院 网络安全技术学什么 网络注册信息安全工程师培训 大数据分析与信息安全 制作一个营销型网站 中山移动网站建设公司 b2c商城网站 营销型视频 网络信息安全基础实施细则 平台型网站 win7网络安全注册表 win7网络安全注册表 2013网络安全事件 病毒性营销的目的 常见的网络营销策略有哪些 网上营销代理 营销知名安例 asp网站空间 信息安全是指 网络安全新生态 深圳信息安全认证中心 营销网站 网站区分 营销知名安例 网络营销实战总结 国家网络信息安全中心,-1 什么是网络营销产品策略 网络营销实训模拟 win7网络安全注册表 网络安全攻防竞赛 台州公司网站建设 长春网站优化 中山精品网站建设信息 网络与信息安全研究所 信息安全系统控制,-1 网络安全技术学什么 深圳做网站的公司 大连专业网站设计服务商 营销型企业网站 辽宁网站制作 西安营销公司排名 网络营销实战总结 自己做网站挣钱不 潍坊网站设计 网络安全攻防竞赛 制作一个营销型网站 大连专业网站设计服务商 桂林网站制作 长沙网站推广公司 小红书网络营销分析 成都网络安全公司排名 网络信息安全包括 成都企业网站建设我身边的信息安全200,-1 河南网站建设公司 边界网络安全要求 衡水高端网站建设 房地产 网站 设计制作 江西南昌网站定制 昆明网站排名优化 亳州网站建设 病毒性营销的目的 营销门户 支付营销 rsa信息安全大会电视剧网络营销策略 网络安全新生态 建网站的程序免费 网络安全举办活动 网络营销小案例分析 网络营销体系不合理 传统网络营销的区别 网络安全和信息安全 路由器 网络安全 网站轮换图 国企网站建设 制作一个营销型网站 制作一个营销型网站 中华人民共和国计算机信息安全保护条例 好的数据库网站 网上营销代理 什么是网络营销产品策略 网络安全技术学什么 建网站费用 2013网络安全事件 免费企业营销网站制作 炫酷业务网站 营销知名安例 中国信息安全等级保护测评中心 四大门户网站 成都网络安全公司排名 上海建设网站制作 网络注册信息安全工程师培训 江西南昌网站定制 制作一个营销型网站 辽宁网站制作 b2c商城网站 网络安全和信息安全 网络信息安全基础实施细则 整合营销法 win7网络安全注册表 编织网站建设 2013网络安全事件 桂林网站制作 常见的网络营销策略有哪些 山西武汉网站建设 衡水高端网站建设 成都网络安全公司排名 国企网站建设 深圳做网站的公司 重庆大足网站制作公司推荐 网站区分 北海做网站 中国信息安全等级保护测评中心 网络与信息安全研究所 税务系统信息安全 网络安全新生态 网站打模块 e mail营销成功案例 营销型企业网站 台州公司网站建设 微信订阅号营销 中山精品网站建设信息 企业网站seo 信息安全系统控制,-1 珠海动态网站制作外包 深圳做网站的公司 常用的网络安全技术有哪些 营销型企业网站 广州做网站的公 西安营销公司排名 炫酷的网站 自己做网站挣钱不 搜索引擎营销创意分析 网络安全攻防竞赛 2014年网络安全发展现状 香奈儿网络营销策划书 病毒性营销的目的 长沙网站推广公司 什么是网络营销产品策略 成都网络安全公司排名 安卓网络安全协议常德网站优化 成都企业网站建设我身边的信息安全200,-1 2013网络安全事件 常用的网络安全技术有哪些 病毒性营销的目的 得力网络营销定位 中山精品网站建设信息 信息安全国内知名人士 安卓网络安全协议常德网站优化 网络营销实训模拟 2013网络安全事件 制作一个营销型网站 海尔最新营销模式 网络安全科技有限公司 北海做网站 网络营销能力秀的作文 即时通信营销的特点 珠海动态网站制作外包 建个网站 学校信息安全部 台州公司网站建设 建行企业网站 四大门户网站 国家网络信息安全中心,-1 长春做网站电话 潍坊网站设计 大数据分析与信息安全 营销形网站 大连专业网站设计服务商 美国网络安全峰会 做网站资讯 汉中建网站 网站的层次 即时通信营销的特点 病毒营销缺点 武汉网站制作 app开发 制作一个营销型网站 免费企业营销网站制作 网络安全法 视频 mp4 新浪网站网络营销策略 宁夏网站设计在哪里 信息安全分析师培训 深圳响应式网站建设 深圳做网站的公司 河南网站建设公司 广州做网站的公 宿迁网站建设 北海做网站 3合1网站建设公司 手机网站界面设计 网络营销实训模拟 网络安全攻防竞赛 营销形网站 网站制作公司合肥 中科信息安全共性国家工程研究院 四平网站建设 灵魂网络安全 小红书网络营销分析 自己做网站挣钱不 整合营销法 国企网站建设 网络安全攻防竞赛 2015年网络安全大事记 网络安全法 视频 mp4 网络安全法 视频 mp4 长沙网站推广公司 网络信息安全基础实施细则 信息安全国内知名人士 信息安全评估多长时间 成都企业网站建设我身边的信息安全200,-1 营销网站 哈尔滨做网站公司 宿迁网站建设 营销型视频 国家网络信息安全中心,-1 网络营销能力秀的作文 网站轮换图 银川制作网站 亳州网站建设 学校信息安全部 微信订阅号营销 山西武汉网站建设 网络与信息安全研究所 如何选择番禺网站建设 珠海动态网站制作外包 2013网络安全事件 大连专业网站设计服务商 重庆大足网站制作公司推荐 常见的网络营销策略有哪些 6p营销要素 信息安全是指 rsa信息安全大会电视剧网络营销策略 微信营销的特点有 网络注册信息安全工程师培训 潍坊网站设计 2015年网络安全大事记 网络安全的关键技术有 微信订阅号营销 西安营销公司排名 小红书网络营销分析 网络营销能力秀的作文 长春做网站电话 网站模版下载 深圳做网站的公司 台州公司网站建设 辽宁网站制作 得力网络营销定位 3合1网站建设公司 长春做网站电话 网络营销电话 深圳信息安全认证中心 网络安全攻防竞赛 亳州网站建设 网络安全的关键技术有 建行企业网站 四平网站建设 汉中建网站 宁夏网站设计在哪里 营销文库 中华人民共和国计算机信息安全保护条例 信息安全市场 网站的颜色 网站设计公司市场容量 山西武汉网站建设 中山精品网站建设信息 信息安全系统控制,-1 信息安全评估多长时间 潍坊网站设计 河南网站建设公司 网络安全执法案例分析 哈尔滨做网站公司 6p营销要素 3合1网站建设公司 灵魂网络安全 facebook内容营销案例 即时通信营销的特点 深圳信息安全认证中心 营销门户 营销形网站 学校信息安全部 网络安全科技有限公司 免费网站建设怎样 昆明网站排名优化 信息安全分析师培训 网络营销培训学院 河南网站建设公司 信息安全的威胁主要来自于,-1 免费域名网站的 做网站资讯 成为网络安全专家 微信营销的特点有 手机网站界面设计 网络营销电话 建个网站 常见的网络营销策略有哪些 b2c商城网站 美国网络安全峰会 网络信息安全基础实施细则 美团网的营销特点 网络信息安全包括 网站模版下载 大连专业网站设计服务商 摘星!百年锦衣魂我的世界之开局转生成村民莽荒至尊行从变天崛起大焱皇子努力活着!我拯救了无敌救世主时空错乱之身世谜团暗处的人龙吟五洲转生后变成自动贩卖机乱世残生一场梦西游:人在地府,朝九晚五至尊曲谁说人族不能登天!跨时间长河精灵宝可梦之降临现实白山黑水之天狼传奇我们不是君子缺心眼微信公众号【紫晴前世今生】 儿子抑郁症的症状与诊断微信号码:qq383550880 心慌胸闷头晕的环境影响【www.richdady.cn】 孩子不爱读书的阅读环境微信公众号【紫晴前世今生】 与男友前世的前世修行微信公众号【紫晴前世今生】 感情纠纷的情感重建方法有哪些?微信号码:qq383550880 迟缓儿【www.richdady.cn】 感情纠纷的情感修复微信公众号【紫晴前世今生】 外灵干扰的咨询技巧微信公众号【紫晴前世今生】 暗恋的咨询技巧微信公众号【紫晴前世今生】 冤亲债主干扰的案例有哪些?微信公众号【紫晴前世今生】 强迫症的环境影响微信号码:qq383550880 升迁障碍的职场瓶颈如何突破?微信号码:qq383550880 前世今生的轮回传说微信号码:qq383550880 冤亲债主干扰有哪些常见症状?微信公众号【紫晴前世今生】 与老公前世的记忆解析微信号码:qq383550880 婚姻生活不顺的心理调适微信公众号【紫晴前世今生】 前世缘份的前世记忆微信公众号【紫晴前世今生】 人际关系不好的前世因果微信公众号【紫晴前世今生】 前世今生的故事与轮回微信号码:qq383550880 大龄剩女微信号码:qq383550880 财运不佳的财富积累方法有哪些?微信公众号【紫晴前世今生】 官司微信号码:qq383550880 学习成绩差的解决方法【www.richdady.cn】 如何解决孩子不爱读书的问题?微信公众号【紫晴前世今生】 灵性成长工作坊【www.richdady.cn】 纠纷的前世因果微信公众号【紫晴前世今生】 前世今生的修行方法微信公众号【紫晴前世今生】 暗恋的前世因果【www.richdady.cn】 成人发育倒退的可能症状【www.richdady.cn】 失业的心理调适微信公众号【紫晴前世今生】 投资项目的风险评估微信公众号【紫晴前世今生】 不爱读书的前世记忆微信号码:qq383550880 头脑混沌的原因及对策【www.richdady.cn】 邪灵微信号码:qq383550880 自闭症的治疗方法微信公众号【紫晴前世今生】 不爱读书的改运方法微信号码:qq383550880 财运不佳的风水调整方法有哪些?微信公众号【紫晴前世今生】 与女友前世的咨询技巧【www.richdady.cn】 前世老公的咨询技巧微信号码:qq383550880 纠纷的前世因果微信号码:qq383550880 前世缘份的案例分享微信公众号【紫晴前世今生】 儿子不读书的咨询技巧微信号码:qq383550880 为什么过世的前世故事微信公众号【紫晴前世今生】 缺心眼的前世因果微信公众号【紫晴前世今生】 财运不佳的前世因果微信号码:qq383550880 人际关系不好时的心理调适【www.richdady.cn】 冤亲债主对生活的影响【www.richdady.cn】 耳鸣微信公众号【紫晴前世今生】 耳鸣【www.richdady.cn】 孩子学习不好的家庭教育咨询【www.richdady.cn】√转ihbwel 迟缓儿的环境影响【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 心特别累咨询【www.richdady.cn】√转ihbwel 如何识别冤亲债主干扰咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 工作压力大导致的精神不振咨询【www.richdady.cn】√转ihbwel 内心恐惧胆怯的前世影响【www.richdady.cn】√转ihbwel 大龄剩女的幸福指南有哪些?【微:qq383550880 】√转ihbwel 自闭症的案例分享【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 有官司的自我保护【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 亲子关系的教育理念威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 与女友前世的前世修行【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 暗恋的咨询技巧咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 有官司的调解技巧咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世缘份的轮回续缘咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 存不住钱的咨询技巧威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 事业不顺的风水布局威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 纠纷的自我保护【www.richdady.cn】√转ihbwel 财运不佳的心理调适威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 孩子压力大的自我提升咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 外灵干扰的真实案例分析咨询【www.richdady.cn】√转ihbwel