プログラミングの勉強をしよう@Wiki
プログラミングの勉強をしよう@Wiki

イメージ

概要

イメージのスタイル


イメージ

class=""にimg-rounded、img-circle、img-polaroidを使用

ソース（デモ）
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>イメージ</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
  </head>
  <body>
    <div class="row" style="margin: 10px;">
      <div class="span12">
        <h1>イメージ</h1>
      </div>
    </div>
    <div class="row" style="margin: 10px;">
      <div class="span12">
        <h2>イメージの表現</h2>
      </div>
    </div>
    <div class="row" style="margin: 10px;">
      <div class="span12">
        <form>
          <table class="table">
            <tr>
              <th>No</th>
              <th>タグ</th>
              <th>確認</th>
            </tr>
            <tr>
              <td>1</td>
              <td>img-rounded</td>
              <td>
               <img src="images/s_2013-01-03 13.22.09.jpg" class="img-rounded"></img>
              </td>
            </tr>
            <tr>
              <td>2</td>
              <td>img-circle</td>
              <td>
               <img src="images/s_2013-01-03 13.22.09.jpg" class="img-circle"></img>
              </td>
            </tr>
            <tr>
              <td>3</td>
              <td>img-polaroid</td>
              <td>
               <img src="images/s_2013-01-03 13.22.09.jpg" class="img-polaroid"></img>
              </td>
            </tr>
          </table>
        </form>
      </div>
    </div>
    <hr />
 
    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>
 
 


「イメージ」をウィキ内検索
最終更新：2013年06月07日 10:39