View article
Talk page

テキスト、画像の横並び構成

このページは編集できません。 | 履歴
    目次
    戻すには、あなたは現在の版とアーカイブから選んだ戻したい版を比較しなければなりません。

    2019年 1月 31日, 04:59からのバージョン

    a.kubota(禁止)で変更されたリビジョン
     

    分割

    2分割(1:1)

    (1)「[Toggle Editor]」をクリックし、下記のコードをコピー貼り付けします。
    <div class="row">
      <div class="col-md-8 col-sm-12 col-xs-12">
      ここに内容を入れて下さい。
      </div>
      <div class="col-md-4 col-sm-12 col-xs-12">
      ここに内容を入れて下さい。
      </div>
    </div>
    (2)必要箇所を適宜変更していきます。
    ※変更する箇所がわかりやすいように、上記のコード列に番号を振り、変更する箇所の文字色を赤にしました。
    
<ul>

    
  
    
  ここに内容を入れて下さい。
    ここに内容を入れて下さい。

    </ul>

    (3)「[Toggle Editor]」をクリックし、いつもの表示に切り替えます。
    (4)「ここに内容を入れて下さい。」をドラッグで範囲指定して、挿入したい内容を入れて下さい。
    画像を挿入したい場合は、範囲指定をしたまま、上部の画像挿入ボタンをクリックして画像を挿入して下さい。
    (5)保存ボタンをクリックして、ページを確認してください。
     

    2分割(6:4)

    
<ul>

    
  
    
  ここに内容を入れて下さい。
    ここに内容を入れて下さい。

    </ul>

     

    2分割(6:4)

    
<ul>

    
  
    
  ここに内容を入れて下さい。
    ここに内容を入れて下さい。

    </ul>

     

    3分割(1:1:1)

    3分割のときには下記コードをコピーして使用して下さい。
    

    (1)下記のコードをコピーします。

    <ul>

    ここに内容を入れて下さい。
    ここに内容を入れて下さい。
    ここに内容を入れて下さい。

    </ul>

    2019年 1月 31日, 05:02 現在の版

    a.kubota(禁止)で変更されたリビジョン
     

    分割

    2分割(1:1)

    (1)「[Toggle Editor]」をクリックし、下記のコードをコピー貼り付けします。
    <div class="row">
  <div class="col-md-8 col-sm-12 col-xs-12">
  ここに内容を入れて下さい。
  </div>
  <div class="col-md-4 col-sm-12 col-xs-12">
  ここに内容を入れて下さい。
  </div>
</div>
    (2)必要箇所を適宜変更していきます。
    ※変更する箇所がわかりやすいように、上記のコード列に番号を振り、変更する箇所の文字色を赤にしました。
    
<ul>

    
  
    
  ここに内容を入れて下さい。
  
    
  
    
  ここに内容を入れて下さい。
  
    

    
</ul>
    (3)「[Toggle Editor]」をクリックし、いつもの表示に切り替えます。
    (4)「ここに内容を入れて下さい。」をドラッグで範囲指定して、挿入したい内容を入れて下さい。
    画像を挿入したい場合は、範囲指定をしたまま、上部の画像挿入ボタンをクリックして画像を挿入して下さい。
    (5)保存ボタンをクリックして、ページを確認してください。
     

    2分割(6:4)

    
<ul>

    
  
    
  ここに内容を入れて下さい。
  
    
  
    
  ここに内容を入れて下さい。
  
    

    
</ul>
     

    2分割(6:4)

    
<ul>

    
  
    
  ここに内容を入れて下さい。
  
    
  
    
  ここに内容を入れて下さい。
  
    

    
</ul>
     

    3分割(1:1:1)

    3分割のときには下記コードをコピーして使用して下さい。
    

    (1)下記のコードをコピーします。
    
<ul>

    
  
    
  ここに内容を入れて下さい。
  
    
  
    
  ここに内容を入れて下さい。
  
    
  
    
  ここに内容を入れて下さい。
  
    

    
</ul>