使用 Rmarkdown（HTML 文件）创建评论框答案

【问题标题】：Create a comment box using Rmarkdown (HTML file)使用 Rmarkdown（HTML 文件）创建评论框
【发布时间】：2017-12-14 05:03:38
【问题描述】：

我有一个关于创建评论框的问题（如果我们想输出 PDF，类似于 fbox）。以下代码适用于 PDF 文件，但不适用于 HTML。

\fbox{\begin{minipage}{48em}
...
\end{minipage}}

有人能给我一些建议吗？如何为 Rmarkdown HTML 文件创建一个像样的评论框？非常感谢您的帮助。

【问题讨论】：

标签： html r r-markdown

【解决方案1】：

最简单的方法是使用预定义的引导元素，如下所示：

<div class="alert alert-info">
  <strong>Info!</strong> Indicates a neutral informative change or action.
</div>

详情请查看this。

或者您可以简单地为框使用段落标签并使用 CSS 类自己设置样式：

---
title: "Comment Box"
output: html_document
---

<style>
p.comment {
background-color: #DBDBDB;
padding: 10px;
border: 1px solid black;
margin-left: 25px;
border-radius: 5px;
font-style: italic;
}

</style>


### Bootstrap Alert

<div class="alert alert-info">
  <strong>Info!</strong> Indicates a neutral informative change or action.
</div>

### Custom Psragraphs

<p class="comment">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>

【讨论】：

完美运行！！谢谢你的帮助！！大大改进了我的 R 教程文件~~~~
好吧，既然我试着改变了诸如边框之类的属性：1px solid black;到 10px 和红色，但它没有按预期工作。我想知道如何更改边框的宽度和颜色。另外，我尝试在评论框中将一些文本加粗，但效果不佳。你能给我建议如何解决这个问题吗？非常感谢。
使用border: 10px solid red; 效果很好。也使用**Bold Text**或<strong>Bold Text</strong>产生预期的结果......
请注意，对于一次性使用，the style can be inlined，无需创建类。