Question

我想在我的网站上使用twitter bootstrap。它看起来很棒，但现在我需要添加用户的消息（如论坛或推特上的消息）。换句话说，它应该显示短文本，提交时间，用户图像，可能还有一些投票元素。

这些元素是否已有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>

它还有许多颜色（默认为橙色，你可以添加使其成为红色，绿色或蓝色的类）。

docs包含更多详细信息。

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

2 个答案: