(2) 搜索到注释// Account for jankitude on images ，把 > img 和 >a >img 子选择符，替换成简单点的后代 img 选择符，以便选中现在在Picturefill 标记中嵌套较深的图片：
// Account for jankitude on images //> img, //> a > img, img { //added to apply to Picturefill responsive image solution &:extend(.img-responsive); line-height: 1; min-width:100%; //added height:auto; //added ...
问题就这样解决了。
B.3 最终的结果
在视口小于640ps时，传送带应该使用较小但相对较高的图片。
以此为起点，大家可以参考 Picturefill 的文档，根据需要再调整和适配自己需要的版本。
C.让传送带支持手势
在触摸屏设备中，支持手势轻扫来切换传送带图片是一个非常实用的功能。
C1.有什么选择
如果只是要让传送带之处轻扫手势，只要一个 JavaScript 插件和几行代码就可以了。Justin Lazanowski 专门为实现 Bootstrap 3 传送带的手势交互写过一篇文章，提到三种选择。文章地址为：
这里将使用 jQuery插件 TouchSwipe，其GitHub 地址为：https://github.com/mattbryson/TouchSwipe-Jquery-Plugin
使用这个插件，可以通过下列步骤让传送带支持轻扫手势：
(1) 把 TouchSwipe 插件包含到我们的插件文件中；
(2) 在 main.js 文件中写几行调用代码。
C.2 取得并包含 TouchSwipe 插件
下载后解压缩，找到jquery.touchSwipe.min.js 文件，把其中的代码复制到 plugins.js 中。这样，插件就位了。接下来需要调用它。
C.3 调用 TouchSwipe
需要写一行代码，命令 TouchSwipe 监听传送带上的轻扫事件，然后将其转换成 Bootstrap 的方法调用：.carousel('prev') 和 .carousel('next')。关于这些方法，可以参考 Bootstrap 的文档：。
接下来的事很简单，只需下列几步：
(1) 打开项目中的 main.js 文件。
(2) 在其中添加如下代码：
//Enable swiping... $(".carousel-inner").swipe({ swipe: function (event, direction, distance, duration, fingerCount, fingerData) { if (direction == "right") {//向右划 //Cycles to the next item. $(this).parent().carousel("prev"); } else if (direction == "left") {//向左划 //Cycles to the previous item. $(this).parent().carousel("next"); } } });
(3) 保存后刷新，就可以通过左、右轻扫来切换图片了。效果图如下：
显示效果地址：
《Bootstrap 实战》的PDF文档和源码链接：(jb51.net).rar