无法格式化引导程序媒体(Not able to format bootstrap media)

我正在尝试将数据格式化为图像然后内容,并在下面的行时间日期显示。 我试过跟随代码,但它没有显示在image.I我正在使用bootstreap 3.2.0

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.min.js">
</script>
<li>
<div class="media">
      <div class="media-left">
        <a href="Profile?id=12963">
          <img class="media-object" data-src="www.holder.js/64x64" alt="Image">
        </a>
      </div>
      <div class="media-body">
        <div class="media-heading"><a href="Profile?id=12963">USER</a> like your  <a href="Post?id=">post</a></div>
        <p>
          Yesterday 20:10
        </p>
      </div>
    </div>
</li>
  <div class="yes" id="74" style="visibility: hidden"></div> 
  
 

`

I am trying to format data as image then Content and on below line time date shoud be shown. I tried following code but it is not showing next to image.I am using bootstreap 3.2.0

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.min.js">
</script>
<li>
<div class="media">
      <div class="media-left">
        <a href="Profile?id=12963">
          <img class="media-object" data-src="www.holder.js/64x64" alt="Image">
        </a>
      </div>
      <div class="media-body">
        <div class="media-heading"><a href="Profile?id=12963">USER</a> like your  <a href="Post?id=">post</a></div>
        <p>
          Yesterday 20:10
        </p>
      </div>
    </div>
</li>
  <div class="yes" id="74" style="visibility: hidden"></div> 
  
 

`

最满意答案

我想知道,您如何在不包含bootstrap css文件的情况下使用代码。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/holder/2.9.3/holder.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.min.js">
</script>
<div class="media">
  <div class="media-left">
    <a href="Profile?id=12963">
      <img class="media-object" src="www.holder.js/64x64" alt="Image">
    </a>
  </div>
  <div class="media-body">
    <div class="media-heading"><a href="Profile?id=12963">USER</a> like your <a href="Post?id=">post</a>
    </div>
    <p>
      Yesterday 20:10
    </p>
  </div>
</div>
<div class="yes" id="74" style="visibility: hidden"></div> 
  
 

I wonder, how do you expect your code to work without including bootstrap css file.

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/holder/2.9.3/holder.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.min.js">
</script>
<div class="media">
  <div class="media-left">
    <a href="Profile?id=12963">
      <img class="media-object" src="www.holder.js/64x64" alt="Image">
    </a>
  </div>
  <div class="media-body">
    <div class="media-heading"><a href="Profile?id=12963">USER</a> like your <a href="Post?id=">post</a>
    </div>
    <p>
      Yesterday 20:10
    </p>
  </div>
</div>
<div class="yes" id="74" style="visibility: hidden"></div> 
  
 

无法格式化引导程序媒体(Not able to format bootstrap media)

我正在尝试将数据格式化为图像然后内容,并在下面的行时间日期显示。 我试过跟随代码,但它没有显示在image.I我正在使用bootstreap 3.2.0

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.min.js">
</script>
<li>
<div class="media">
      <div class="media-left">
        <a href="Profile?id=12963">
          <img class="media-object" data-src="www.holder.js/64x64" alt="Image">
        </a>
      </div>
      <div class="media-body">
        <div class="media-heading"><a href="Profile?id=12963">USER</a> like your  <a href="Post?id=">post</a></div>
        <p>
          Yesterday 20:10
        </p>
      </div>
    </div>
</li>
  <div class="yes" id="74" style="visibility: hidden"></div> 
  
 

`

I am trying to format data as image then Content and on below line time date shoud be shown. I tried following code but it is not showing next to image.I am using bootstreap 3.2.0

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.min.js">
</script>
<li>
<div class="media">
      <div class="media-left">
        <a href="Profile?id=12963">
          <img class="media-object" data-src="www.holder.js/64x64" alt="Image">
        </a>
      </div>
      <div class="media-body">
        <div class="media-heading"><a href="Profile?id=12963">USER</a> like your  <a href="Post?id=">post</a></div>
        <p>
          Yesterday 20:10
        </p>
      </div>
    </div>
</li>
  <div class="yes" id="74" style="visibility: hidden"></div> 
  
 

`

最满意答案

我想知道,您如何在不包含bootstrap css文件的情况下使用代码。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/holder/2.9.3/holder.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.min.js">
</script>
<div class="media">
  <div class="media-left">
    <a href="Profile?id=12963">
      <img class="media-object" src="www.holder.js/64x64" alt="Image">
    </a>
  </div>
  <div class="media-body">
    <div class="media-heading"><a href="Profile?id=12963">USER</a> like your <a href="Post?id=">post</a>
    </div>
    <p>
      Yesterday 20:10
    </p>
  </div>
</div>
<div class="yes" id="74" style="visibility: hidden"></div> 
  
 

I wonder, how do you expect your code to work without including bootstrap css file.

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/holder/2.9.3/holder.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.min.js">
</script>
<div class="media">
  <div class="media-left">
    <a href="Profile?id=12963">
      <img class="media-object" src="www.holder.js/64x64" alt="Image">
    </a>
  </div>
  <div class="media-body">
    <div class="media-heading"><a href="Profile?id=12963">USER</a> like your <a href="Post?id=">post</a>
    </div>
    <p>
      Yesterday 20:10
    </p>
  </div>
</div>
<div class="yes" id="74" style="visibility: hidden"></div>