0

ローカル ホストに画像が表示されません。ここにHTMLコードがあります。画像を表示するためにいくつかのバリエーションを試しました。Twitter Bootstrap を使用しています。どんな助けでも大歓迎です。

  <div class="media">
  <a class="pull-left" href="">
  <img class="media-object" src="/img/grads.jpg/64x64">
  </a>
  <div class="media-body">
  <h4 class="media-heading">Collaborate with students at other Universities</h4>
  <p>Join your classes and work with other students on studying without having to meet up.</p>
  </div>
  </div>

  <div class="media">
  <a class="pull-left" href="">
  <img class="media-object" src="grads.jpeg/64x64">
  </a>
  <div class="media-body">
  <h4 class="media-heading">Meet new friends you're in class with</h4>
  <p>Pick who you want to be a stranger in your own classes. School is social and so is moreo. : )</p>
  </div>
  </div>

CSSコードはこちら。私が間違っているのかわかりません。

<link href="../assets/css/bootstrap.css" rel="stylesheet">
<style type="text/css">
  body {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  /* Custom container */
  .container-narrow {
    margin: 0 auto;
    max-width: 700px;
  }
  .container-narrow > hr {
    margin: 30px 0;
  }

  /* Main marketing message and sign up button */
  .jumbotron {
    margin: 30px 0;
    text-align: center;
  }
  .jumbotron h1 {
    font-size: 72px;
    line-height: 1;
  }
  .jumbotron .btn {
    font-size: 15px;
    padding: 10px 20px;
  }

  /* Supporting marketing content */
  .marketing {
    margin: 5px 0;
  }
  .marketing p + h4 {
    margin-top: 14px;
  }
</style>
<link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
4

3 に答える 3

0

画像の読み込みにBootstrap 画像を使用し、メディア オブジェクトはdata-src属性を使用しませんsrcが、直接画像 URL Bootstrap Media オブジェクトを使用して画像を読み込む例は見当たりませんでした

編集

このタグはオンライン URL を参照していると思いますが、よくわかりません。このプレースホールドを見てください。この URL は、ブートストラップの例のように、ホストされている画像のサイズを変更するユーティリティ サイトです。

于 2013-04-09T06:40:55.027 に答える
0

画像パスを確認します。ファイル名とその適切な拡張子で終わる必要があります。

あなたが持っていることを参照してください、

<img class="media-object" src="grads.jpeg/64x64">

これは次のようになると思います。

<img class="media-object" src="/64x64/grads.jpeg">

これで、イメージ (grads.jpeg) がルートの 64x64 フォルダーで利用できる場合、それは間違いなくレンダリングされます。

于 2013-04-09T06:32:05.823 に答える