Javascript twitter引导旋转木马标题与照片宽度不匹配

我的推特引导旋转木马在大部分情况下运行良好，但我的照片的宽度不同，底部的标题与最宽的宽度匹配，因此当我的照片宽度较小时，标题与前一宽度保持黑色，看起来有点不专业。我的代码如下，我想知道是否有任何方法可以解决这个问题，使宽度始终与照片匹配

<div class="row">
    <div class="span8 offset2">
            <div id="myCarousel" class="carousel slide">

                  <div class="carousel-inner">

                 <!-- here I loop through and add a bunch of photos -->
                  {% for photo in record_photos %}

                    <div class="active item">
                        <a href="/url"><img src="some-src"></a>
                        <div class="carousel-caption">
                            <h3 class="center-it">some caption</h3>
                        </div>
                    </div>

                   {% endfor %}

                  </div>

                  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                  <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>

            </div>
        </div>
    </div>

{对于记录中的照片，{u photos%}
一些标题
{%endfor%}

我建议选择一个跨度大小，它将是照片宽度的最佳尺寸，因为跨度将决定旋转木马的宽度。较大的图像将缩小到跨度宽度。您可以将较小的图像“放大”，方法是将它们放置在具有坚实（或透明）背景的较大图像中

旋转木马的设计是为了在它所在的范围内显示图像-可以想象，你可以动态地改变宽度，但我个人认为，图像之间的变化在视觉上会有点不协调，也会有后退/下一步按钮的位置需要处理

---

顺便说一句，请注意，在上面的模板代码中，每个项目都是活动的。您将需要在循环中加入一些逻辑，以便只有第一次循环迭代才能生成具有活动类的项

不要在旋转木马中放置宽度不均匀的图像。而且这里发生了什么还不是100%清楚。“保持黑色？”我想我应该提到，但它们是用户提交的照片，所以我无法控制它们提交的大小。我想说，要么你重新格式化这些照片，要么旋转木马是一个错误的工具。我有一些旋转木马的经验。当您展开页面时，我会自动调整项目，累积的边距空间足以让它不丢失位置。我能写一个能忍受很多废话的低劣的旋转木马。但是不同的宽度。。。真的不值得为用户最终获得的体验而费心。@ErikReppen您的观点很好，您能提出一些建议，让用户浏览各种照片，而不只是将它们全部呈现在一个页面上吗？非常感谢您的帮助。是的，为了不让那个些并没有这种经历的人感到困惑，我带了很多jinja2出来，但他们实际上并不活跃。