Bootstrap: Hinzufügen einer img-responsiven Klasse zum Thumbnail

Ich muss einem Bild in der WordPress-Seitenvorlage eine img-responsive Klasse hinzufügen. Meine Datei heißt single-product.php.

Das ist mein Code

 <div class="col-md-6 col-xs-12" style="margin-top:35px;">
    <h1><?php the_title();?></h1>
  </div>
  <div class="col-md-6 col-xs-12">
   <?php  the_post_thumbnail();?>
 </div>

Jetzt ist meine Frage, wie man eine Klasse zu einem Thumbnail hinzufügt.

Bitte helfen Sie mir.

Sie können den Klassennamen in der Funktion the_thumbnail übergeben.

 <?php the_post_thumbnail('thumbnail', array('class' => 'your-class-name')); ?>

Für mehr Referenz
https://codex.wordpress.org/Function_Reference/the_post_thumbnail

the_post_thumbnail() nimmt zwei Argumente, size und ein Array von Attributen. Eines der Attribute, die Sie im Array festlegen können, ist class, ein Beispiel würde also so aussehen

<?php the_post_thumbnail( 'thumbnail', array( 'class' => 'img-responsive' ) ); ?>

Sie können das Miniaturbild auf die gewünschte Größe ändern oder es leer lassen. Suchen Sie wie immer im Codex nach der betreffenden Funktion, und normalerweise enthält er die Antworten https://codex.wordpress.org/Function_Reference/the_post_thumbnail

So was,

<?php the_post_thumbnail( 'thumbnail', array( 'class' => 'img-responsive' ) ); ?>

Außerdem empfiehlt es sich nicht, Inline-Stile in Ihrem Code zu verwenden.