HTMLブートストラップ複数の<pre>を間隔なしで1行に

Bootstrapを使用して、3つの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>

これは私が得るものです:私のスクリーンショットhttp://savepic.su/4192442.jpg

「スペースなし」クラスをdiv、preに配置しようとしましたが、それは役に立ちませんでした。助けてください!どうすればいいのかわからない…

ジョシュア

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>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

ブートストラップの<pre>でスタイリングを無効にする方法

分類Dev

pre要素のブートストラップスタイリングを削除します

分類Dev

CronTabなしでPerlスクリプトを1分間隔で実行する

分類Dev

ブートストラップ3テーブル内にスクロール可能なpreを取得できません

分類Dev

ブートストラップタブ-同じ行に複数のカード

分類Dev

ブートストラップ行に複数の列を含める方法

分類Dev

ブートストラップ4のpreタグで導入されたマージンを削除する方法は?

分類Dev

ブートストラップを使用したテーブルセル内の複数行のテキスト

分類Dev

ブートストラップ複数選択値の値を複数の変数に分割します

分類Dev

ブートストラップピル複数行の奇妙な配置

分類Dev

複数の列を使用したブートストラップの配置

分類Dev

MVC5での複数送信モーダルブートストラップ

分類Dev

ブートストラップ複数選択でのonChangeの使用

分類Dev

別のテーブルで間隔が重複している行ごとに、1つのテーブルの列から値のリストを出力する

分類Dev

複数のラベルをブートストラップし、同じ行に入力します

分類Dev

ブートストラップが列の数に応じて列の間隔を異なる方法で処理するのはなぜですか?

分類Dev

テーブルの行間隔-ブートストラップ

分類Dev

複数のボタンに複数のブートストラップモーダルを表示する方法

分類Dev

複数の列と行を持つブロックのブートストラップグリッドの作成

分類Dev

Emberの複雑なhtmlを使用したブートストラップツールチップ

分類Dev

ブートストラップ列に、複数行に動的な番号を持つ複数のスパン要素を入力します

分類Dev

ブートストラップ複数モデルのポップアップが機能しない

分類Dev

col-10およびcol-2行は、ブートストラップ3の右側に奇妙な間隔を生成します

分類Dev

col-10およびcol-2行は、ブートストラップ3の右側に奇妙な間隔を生成します

分類Dev

ブートストラップでカード間に間隔を追加する

分類Dev

水平形式の問題でブートストラップ3.0複数のテキストボックス

分類Dev

1行に複数のラジオボタン-ブートストラップ4

分類Dev

複数のDataTableとブートストラップタブに関するレスポンシブな問題

分類Dev

ブートストラップ、ajax、外部phpを使用した1ページの複数のフォーム

Related 関連記事

  1. 1

    ブートストラップの<pre>でスタイリングを無効にする方法

  2. 2

    pre要素のブートストラップスタイリングを削除します

  3. 3

    CronTabなしでPerlスクリプトを1分間隔で実行する

  4. 4

    ブートストラップ3テーブル内にスクロール可能なpreを取得できません

  5. 5

    ブートストラップタブ-同じ行に複数のカード

  6. 6

    ブートストラップ行に複数の列を含める方法

  7. 7

    ブートストラップ4のpreタグで導入されたマージンを削除する方法は?

  8. 8

    ブートストラップを使用したテーブルセル内の複数行のテキスト

  9. 9

    ブートストラップ複数選択値の値を複数の変数に分割します

  10. 10

    ブートストラップピル複数行の奇妙な配置

  11. 11

    複数の列を使用したブートストラップの配置

  12. 12

    MVC5での複数送信モーダルブートストラップ

  13. 13

    ブートストラップ複数選択でのonChangeの使用

  14. 14

    別のテーブルで間隔が重複している行ごとに、1つのテーブルの列から値のリストを出力する

  15. 15

    複数のラベルをブートストラップし、同じ行に入力します

  16. 16

    ブートストラップが列の数に応じて列の間隔を異なる方法で処理するのはなぜですか?

  17. 17

    テーブルの行間隔-ブートストラップ

  18. 18

    複数のボタンに複数のブートストラップモーダルを表示する方法

  19. 19

    複数の列と行を持つブロックのブートストラップグリッドの作成

  20. 20

    Emberの複雑なhtmlを使用したブートストラップツールチップ

  21. 21

    ブートストラップ列に、複数行に動的な番号を持つ複数のスパン要素を入力します

  22. 22

    ブートストラップ複数モデルのポップアップが機能しない

  23. 23

    col-10およびcol-2行は、ブートストラップ3の右側に奇妙な間隔を生成します

  24. 24

    col-10およびcol-2行は、ブートストラップ3の右側に奇妙な間隔を生成します

  25. 25

    ブートストラップでカード間に間隔を追加する

  26. 26

    水平形式の問題でブートストラップ3.0複数のテキストボックス

  27. 27

    1行に複数のラジオボタン-ブートストラップ4

  28. 28

    複数のDataTableとブートストラップタブに関するレスポンシブな問題

  29. 29

    ブートストラップ、ajax、外部phpを使用した1ページの複数のフォーム

ホットタグ

アーカイブ