Personal notes
wp_get_attachment_image function can accept four values as you can see:
wp_get_attachment_image( int $attachment_id, string|array $size = 'thumbnail', bool $icon = false, string|array $attr = '' )Examples
<?php echo wp_get_attachment_image( get_the_ID(), array('700', '600'), false, array( "class" => "img-fluid" ) ); ?><?php echo wp_get_attachment_image( 5151, 'medium', false, array( "class" => "img-fluid" ) ); ?>To update whatever you added or removed to package.json run this:
npm updateImages in Bootstrap are made responsive with .img-fluid. max-width: 100%; and height: auto; are applied to the image so that it scales with the parent element.
<img src="..." class="img-fluid" alt="Responsive image">Display the featured image of a post in a tag.
echo get_the_post_thumbnail();Additionally if you want to grab a specific size for the featured image you can fill out the second argument with an image size. Also can add class onto image.
echo get_the_post_thumbnail( get_the_ID(), 'medium', array('class' => 'img-fluid') );Return the URL of the featured post image.
echo get_the_post_thumbnail_url( get_the_ID(), 'medium' );One way to vertically center is to use my-auto . This will center the element within it’s flexbox container (The Bootstrap 4 . row is display:flex ). For example, h-100 makes the row full height, and my-auto will vertically center the col-sm-12 column.
<div class="col-sm-9 my-auto">Text here</div>wp_deregister_style( 'kalium-bootstrap-css' );
wp_register_style( 'kalium-bootstrap-css', "https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css", array(), '5.1.3' );mysql -u username -p new_database < data-dump.sqlmv -i oldname newnamecp -r /etc/ /var/tmp/backup/mkdir foldername