我需要使用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上,但是这并没有帮助。 请帮忙!我没有任何想法怎么做......
答案 0 :(得分:2)
只需将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>
答案 1 :(得分:0)
您需要添加的是:
pre {
padding:0;
margin:0;
}