css - 是否有使用 twitter bootstrap 的用户消息模板？

Question

我想为我的网站使用 twitter 引导程序。它看起来很棒，但现在我需要添加用户的消息（比如论坛或 Twitter 上的消息）。换句话说，它应该显示短文本、提交时间、用户图像，也许还有一些用于投票的元素。

是否已经有此类元素的 css 模板？

Answer 1

您会发现最接近 Bootstrap 的“内置”是“媒体对象”。

<div class="media">
  <a class="pull-left" href="#">
    <img class="media-object" data-src="holder.js/64x64">
  </a>
  <div class="media-body">
    <h4 class="media-heading">Media heading</h4>
    My text
  </div>
</div>

见http://twitter.github.io/bootstrap/components.html#media

您需要自己添加额外的元素。

Answer 2

Bootstrap 提供了alert类：

<div class="alert">
  <strong>Warning!</strong> Example warning!
</div>

如果您包含来自 Bootstrap 的 JavaScript，那么您可以获得一个关闭按钮：

<div class="alert">
  <button type="button" class="close" data-dismiss="alert">&times;</button>
  <strong>Warning!</strong> Example warning!
</div>

它还具有多种颜色（默认为橙色，您可以添加使其变为红色、绿色或蓝色的类）。

文档包含更多详细信息。