Latest web development tutorials
×

Bootstrap コース

Bootstrap コース Bootstrap 簡単な紹介 Bootstrap 設置環境

Bootstrap CSS

Bootstrap CSS 概要 Bootstrap グリッド方式 Bootstrap 組版 Bootstrap コード Bootstrap テーブル Bootstrap フォーム Bootstrap プッシュボタン Bootstrap 絵 Bootstrap 補助クラス Bootstrap レスポンシブユーティリティ

Bootstrap レイアウトコンポーネント

Bootstrap フォントのアイコン Bootstrap ドロップダウンメニュー Bootstrap ボタングループ Bootstrap ボタンのドロップダウンメニュー Bootstrap 入力ボックスグループ Bootstrap ナビゲーション要素 Bootstrap ナビゲーションバー Bootstrap パン粉 Bootstrap ページング Bootstrap ラベル Bootstrap バッジ Bootstrap 大画面 Bootstrap ページタイトル Bootstrap サムネイル Bootstrap 警告 Bootstrap プログレスバー Bootstrap マルチメディアオブジェクト Bootstrap 一覧グループ Bootstrap パネル Bootstrap Wells

Bootstrap ウィジェット

Bootstrap プラグインの概要 Bootstrap 転移効果 Bootstrap モーダルボックス Bootstrap ドロップダウンメニュー Bootstrap スクロールモニター Bootstrap タブ Bootstrap ツールヒント Bootstrap ポップアップボックス Bootstrap 警告ボックス Bootstrap プッシュボタン Bootstrap 折り畳みます Bootstrap 回転木馬 Bootstrap 追加のナビゲーション

Bootstrap 他の

Bootstrap UI エディタ Bootstrap V2 コース Bootstrap HTML コーディング規約 Bootstrap CSS コーディング規約

ブートストラップコード

ブートストラップは、2つの方法でコードを表示することができます:

  • 最初は、<コード>タグです。 インラインコードを表示したい場合は、<コード>タグを使用する必要があります。
  • 第二は、<事前>タグです。 コードは別々のブロック要素または複数行のコードとして表示する必要がある場合は、<事前>タグを使用する必要があります。

あなたが<前>と<コード>タグを使用する場合、開始タグと終了タグは、Unicodeのバリアントを使用ていることを確認してください:&LT;&GT ;.

それでは、次の例を見てみましょう:

<P> <コード>&LT ;ヘッダー&gt; </ code>のインライン要素として囲まれています。 </ P> <P> あなたはコードを配置する必要がある場合は別のブロック要素、使用 &LT として表示されます 。GT事前&; タグます:</ p> <前> &LT;記事&GT; &LT; H1&GT;記事の見出し&LT; / H1&GT; &LT; /記事&GT; </ PRE>

»をお試しください

例としては、以下の画像を示しています。

コード

より多くの例

要素/クラス 説明
<ヴァール> 変数割り当てます。x = bは+ yの 試します
<Kbdを> キーヒント:CTRL + P 試します
<前> 複数行のコード 試します
<前のクラス= "プレスクロール型"> スクロールバーを持つ複数行のコード 試します
<SAMP> コンピュータプログラムの出力:出力例 試します
<コード> コードフラグメントの同じ行: spandiv 試します