将列表项对齐到顶部

时间:2014-08-01 19:48:46

标签: css3 twitter-bootstrap twitter-bootstrap-3 html-lists vertical-alignment

我有一个项目列表,我想通过顶部图片对齐,而不是像目前正在进行的底部文字。

以下是它的显示方式:

screenshot

有没有一种简单的方法可以在CSS中实现这一点?我正在使用Bootstrap,如果有办法也可以这样做。

1 个答案:

答案 0 :(得分:0)

听起来你所要求的实际上是默认行为......

<div class="containerI">
  <div class="col-xs-2 text-center">
    <h3 class="glyphicon glyphicon-ok-circle"></h3><!-- put your image here instead of h3+glyphicon if you're using a jpg -->
    <p>Simple Visa Card
  </p></div>

DEMO:http://www.bootply.com/KEN4TgnX0f

你有可能有一些影响这个的自定义CSS吗?