Изображения, которые не отображаются на локальном компьютере

Question

Изображения не отображаются на моем локальном компьютере. Вот код HTML. Я попробовал несколько вариантов отображения изображений te. Используется 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"> 

Answer 1

Пробуйте просмотреть источник и проверить пути к изображениям. Поскольку вы использовали относительные пути, проверьте, правильно ли выбран правильный путь для изображения.

Answer 2

Проверьте путь к изображениям. он должен заканчиваться именем файла и его соответствующим расширением.

Смотрите у вас есть,

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

Это может быть, как это, я думаю;

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

Теперь, если изображение (grads.jpeg) в папке 64x64 суперпользователя, которые, безусловно, делают.

Answer 3

использование Bootstrap image для загрузки изображений и использования объектов медиа data-src атрибут не src, но я не видел ни одного примера загрузки изображения с URL прямого изображения Bootstrap Media object

EDIT

я думаю, что этот тег относится онлайн URL , я не уверен. посмотрите на этот placehold этот URL-адрес - это сайт утилиты, который изменяет размер размещенного изображения так же, как пример загрузки