.list-group-item中的缩略图

时间:2017-09-26 16:57:26

标签: html css twitter-bootstrap

我正在尝试在引导程序列表中的list-group-item的右侧显示缩略图图像。需要保持标签左对齐和图像右对齐。我的.checkbox是否会丢弃我的对齐方式和/或位置。

<a href="#acet" class="list-group-item" data-toggle="collapse" style="background-color: lightyellow;">
    <div class="checkbox">
        <label style="font-size: 1.5em">
             ACETAMINOPHEN
        </label>
        <div class="col-xs-1">
            <img src="/images/IMG_0741.JPG" alt="DRUGS" class="img-thumbnail max-width: 10%;">
        </div>
    </div>
</a>

0 个答案:

没有答案