Bootstrap 中的多媒体对象（Media Object）。这些抽象的对象样式用于创建各种类型的组件（比如：博客评论），我们可以在组件中使用图文混排，图像可以左对齐或者右对齐。媒体对象可以用更少的代码来实现媒体对象与文字的混排。媒体对象轻量标记、易于扩展的特性是通过向简单的标记应用 class 来实现的。你可以在 HTML 标签中添加以下两种形式来设置媒体对象：
.media ：该 class 允许将媒体对象里的多媒体（图像、视频、音频）浮动到内容区块的左边或者右边。
.media-list ：如果你需要一个列表，各项内容是无序列表的一部分，可以使用该 class。可用于评论列表与文章列表。 让我们来看看下面这个有关默认的媒体对象 .media 的实例：&!DOCTYPE html&&html&&head& &title&Bootstrap 实例 - 默认的媒体对象&/title& &link href=&/bootstrap/css/bootstrap.min.css& rel=&stylesheet&& &script src=&/scripts/jquery.min.js&&&/script& &script src=&/bootstrap/js/bootstrap.min.js&&&/script&&/head&&body&&div class=&media&& &a class=&pull-left& href=&#&&
&img class=&media-object& src=&/wp-content/uploads/.jpg&
alt=&媒体对象&& &/a& &div class=&media-body&&
&h4 class=&media-heading&&媒体标题&/h4&
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。 &/div&&/div&&div class=&media&& &a class=&pull-left& href=&#&&
&img class=&media-object& src=&/wp-content/uploads/.jpg&
alt=&媒体对象&& &/a& &div class=&media-body&&
&h4 class=&media-heading&&媒体标题&/h4&
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
&div class=&media&&
&a class=&pull-left& href=&#&&
&img class=&media-object& src=&/wp-content/uploads/.jpg&
alt=&媒体对象&&
&div class=&media-body&&
&h4 class=&media-heading&&媒体标题&/h4&
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
&/div& &/div&&/div&&/body&&/html&结果如下所示：
让我们来看看下面这个有关媒体对象列表 .media-list 的实例：&!DOCTYPE html&&html&&head& &title&Bootstrap 实例 - 媒体对象列表&/title& &link href=&/bootstrap/css/bootstrap.min.css& rel=&stylesheet&& &script src=&/scripts/jquery.min.js&&&/script& &script src=&/bootstrap/js/bootstrap.min.js&&&/script&&/head&&body&&ul class=&media-list&& &li class=&media&&
&a class=&pull-left& href=&#&&
&img class=&media-object& src=&/wp-content/uploads/.jpg&
alt=&通用的占位符图像&&
&div class=&media-body&&
&h4 class=&media-heading&&媒体标题&/h4&
&p&这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。&/p&
&!-- 嵌套的媒体对象 --&
&div class=&media&&
&a class=&pull-left& href=&#&&
&img class=&media-object& src=&/wp-content/uploads/.jpg&
alt=&通用的占位符图像&&
&div class=&media-body&&
&h4 class=&media-heading&&嵌套的媒体标题&/h4&
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
&!-- 嵌套的媒体对象 --&
&div class=&media&&
&a class=&pull-left& href=&#&&
&img class=&media-object& src=&/wp-content/uploads/.jpg&
alt=&通用的占位符图像&&
&div class=&media-body&&
&h4 class=&media-heading&&嵌套的媒体标题&/h4&
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
&!-- 嵌套的媒体对象 --&
&div class=&media&&
&a class=&pull-left& href=&#&&
&img class=&media-object& src=&/wp-content/uploads/.jpg&
alt=&通用的占位符图像&&
&div class=&media-body&&
&h4 class=&media-heading&&嵌套的媒体标题&/h4&
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
&/div& &/li& &li class=&media&&
&a class=&pull-right& href=&#&&
&img class=&media-object& src=&/wp-content/uploads/.jpg&
alt=&通用的占位符图像&&
&div class=&media-body&&
&h4 class=&media-heading&&媒体标题&/h4&
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
这是一些示例文本。这是一些示例文本。
&/div& &/li&&/ul&&/body&&/html&结果如下所示：error : club_db_master:3306 : clubCtrlerror: array(3) {
string(5) "Error"
string(4) "1146"
string(48) "Table 'clubMsg.threadCache1990154' doesn't exist"
UPDATE clubMsg.threadCache1990154 SET hitNum=hitNum+4 WHERE bbsid=2538732 LIMIT 1当前位置：正文
微信扫一扫分享到朋友圈
我们如果把自己的孩子呀当作温室的花朵来抚养，我们很可能呀就会过度地关注自己的孩子，怕自己的孩子凉了、热了，怕自己的孩子吃饱了、饿着了，总之呢把自己呀种种的关心过度地关注在孩子身上了。于是呢孩子受到了过分的呀干涉，最终呢让孩子呀不能够正常地、自然地生长。我们如果把孩子当作呀野外的花朵、野外的树木来看待的话，那么我们该照顾的我们一定会照顾，但是呢孩子自己能够抵御、能够面对的，我们一定呀要给他一个空间。所以呢，从这里我们就看出来了，我们父母啊对待孩子，既不能不管不顾，也不能过度地干涉。要根据孩子的成长情况要适度地、正常地予以呀养护，予以保护。但是孩子很多方面的成长是他自己的事儿，其实我们是不能代替的。我们经常呀看到孩子呀就想干涉，就像我们看见树苗发芽了，长出土壤了，我们就开始关心了，这个树苗是不是缺肥呀，我们赶快加点肥；是不是缺水呢，我们赶快加点水，不断地干涉。这个树苗自己是有能力呀把根须扎入土壤汲取养分。如果我们不断地浇水，那么这个树苗啊它太容易得到水分了，于是呢它的根须就没有动力往深长，没有动力去为生存而努力了。最后这棵树长大，越长越大，但是它的根呢依然很浅，将来呀一股风就把这棵树吹到了。表面看起来这棵树枝繁叶茂，给人一种结实的感觉，生机勃勃的样子。其实它的根基很浅，生存能力很弱，不足以使自己呀真正地在恶劣环境下存在下去。所以我们对于我们的孩子不能过分地呀施加我们的关注呀！否则把孩子成长的机会丧失了，把孩子成长的机会取代了。孩子没有这些成长的机会，他的功能是不完善的。他没有经历过种种的呀成长历程，没有经历过种种的磨难，没有经过种种的努力，一旦环境变了，自己已经不习惯于努力了，没有努力的这些能力了，机能丧失了，于是呢我们的孩子很可能就会遇到问题呀。所以呀对于我们家长来说一定要明白这个道理，在孩子成长过程中要力所能及的给孩子成长的空间，他很可能没有能力成长，很可能在这个阶段呢没有条件去磨砺，我们就会明白这是不够的。我们要想方设法地给孩子以空间，让孩子呢去受点苦，吃点苦头，去稍微遇到一些挫折，去面对一些挑战，这都是对孩子非常有益的。所以呢我们不仅不能够给孩子呀过分的养分，某种程度我们还要让他吃点苦。我们知道呀现在孩子呀有很多是小胖墩，为什么呢？吃的太好了，营养太多了，无非是这样呀。那怎么行呢？从小就肥胖，就会带来很多问题呀，给身体的机能带来问题，带来隐患，给孩子正常成长带来隐患。那么我们的孩子在成长过程中营养过剩了，就不能够正确地对待呀我们遇到的人事物了，就会出问题的。所以呀大家要明白这个度。那么这本书呀教给我们很多非常好的方法，教给我们怎么能够啊避免过度地影响孩子、干涉孩子这些技巧，这些观点请大家呀都学会，而且呢画脑图、三段论，掌握这些技巧，和自己对比。然后呢根据我们的实际情况，找到那些呀过分的做法或者不足的做法，慢慢地呀回归到一个平衡，回归到一个呀正常，回归到一个恰当。这里边有鼓励孩子独立自主的很多方法。第一，要尊重孩子的身体。我们对成人往往呢尊重他的身体，但是对孩子往往就想呀抱抱她，胡撸胡撸他的头发，总是想弄弄什么。那么在很小的时候孩子很喜欢，随着孩子长大，我们再这么做孩子慢慢地就会反感，就会反抗的，就会心里边不安。第二呢，不要干涉孩子生活中的琐碎小事。很多事情没有对错，很多事情呀其实呀都是一种生活的状态。有些时候呢在我们家长看起来孩子做的呀不对，不符合我们的标准。孩子很可能把家弄脏了，很可能把秩序呀破坏了，很可能做出很多的我们家长不认可的事情，但是呀不要紧的。因为他是孩子，对于孩子，他都是一种呀对事物认知的过程，这些过程呢对于孩子都是很有益处的。我们经常说：“失败是成功之母。”孩子他怎么知道成功呢？是需要啊在实践中做种种的摸索、犯错。因为他没有标准，因为他还没有建立规则，所以他做的事情呀都是随手而为，信手而做。对于我们已经懂得规则的成人来说，我们就觉得这个孩子调皮，这个孩子呀捣蛋。其实孩子哪里知道到底什么是调皮，什么是正确呢？他不了解呀，他不知道啊。所以呢，我们明白了这些以后要尊重孩子，让孩子玩。即使在我们看来不对，依然要让他玩，有的时候呢他玩的中间就受到了苦头了，吃到苦头了，慢慢呀就转为正确的模式了。有的时候呢，我们要给他表率。我们家长在家里边做各种事情，言谈举止种种行为其实呀天然地就在影响着我们的孩子呀。孩子呢不经意间他就会知道，不经意间呀他就会学到的。有些时候呢不需要说的那么清楚啊，自自然然他就学到了。有的时候呢，我们可以把正确的方法展示出来，告诉孩子，但是不必批评他做错了，不要让他呀受到伤害。孩子往往有很强的学习能力、模仿能力，我们经常影响，很快呀孩子就会做成好的模式了。第三个呢，不管孩子有多小，都不要当面谈论孩子，孩子也是有自尊的。我们老是当面谈论孩子，孩子也会伤自尊的，不要认为他小，再小他也是一条生命。他也有感知，他的眼耳鼻舌身意，也是完整地感受种种外界的影响。所以我们从小呀其实都应该尊重孩子，使孩子呢得到尊重，将来啊孩子才会尊重我们的父母，尊重一切人。我们老是当着孩子面谈论孩子，就是不尊重孩子，将来我们想让孩子尊重别人，尊重一切，那怎么可能呢？所以呀我们一定要真正地尊重孩子，从小就不要当面谈论，尤其是什么呢？孩子从小在学习过程中间会犯很多的错误，在他看来不是错误，在我们成人看来是错误。如果我们经常当着孩子面就谈论孩子，那么孩子呀慢慢地就变成一种畏惧的性格了。畏惧这样那样，畏惧家长，那怎么行呢？将来他们走到社会都是心存畏惧呀，不敢去正视生活，不敢去正视呀现实。所以呀我们要尊重孩子，尊重他犯错的权利，尊重孩子成长的空间，尊重孩子呢慢慢改正错误，建立规则的机会，这些呢都是正常的。不要议论他，更不要当面去说。
分享给好友
分享到微信朋友圈：
第一步 打开微信底部扫一扫
第二步 扫左边的文章二维码
第三步 右上角点击转发
相关标签：
微信公众账号推荐上传时间：
小本每日首发更新,用心做视频,希望给你们带来欢乐,请多多关照和订阅,不足之处还望指正!【,群号在主页.整合包在群文件】
专辑名称：
专辑创建者：
视频数：64
收看每日首发更新,搜索小本解说,用心做视频,希望给你们带来欢乐,请多多关照和订阅,不足之处还望指正! ,QQ群
56官方微信
扫一扫发现精彩