Html Bootstrap多个<pre> in one line without spacing</pre>

Question

我需要使用Bootstrap连续放置三个PRE元素，而它们之间没有间距。 我可以使用以下代码将它们放在一行中：

<div class="row">
<div class="col-md-4"><pre>*   Red
*   Green
*   Blue</pre></div>
<div class="col-md-4"><pre>+   Red
+   Green
+   Blue</pre></div>
<div class="col-md-4"><pre>-   Red
-   Green
-   Blue</pre></div>
</div>

这就是我得到的： my screenshot http://savepic.su/4192442.jpg

我试图将“无空间”类放到div上，但是这并没有帮助。 请帮忙！我没有任何想法怎么做......

Answer 1

只需将col-classes放在pre标签上

<div class="row">
<pre class="col-md-4">*   Red
*   Green
*   Blue</pre>
<pre class="col-md-4">+   Red
+   Green
+   Blue</pre>
<pre class="col-md-4">-   Red
-   Green
-   Blue</pre>
</div>

Answer 2

您需要添加的是：

pre {
    padding:0;
    margin:0;
}