Search form location:
<div class="containter">
<div class="row">
<div class="col-md-12 text-center">
<?php
echo get_search_form();
?>
</div>
</div>
</div>
search.php
<?php
if (!have_posts()) {
?>
<h4 class="text-center">
<?php _e('No result found', 'alpha'); ?>
</h4>
<?php
}
while (have_posts()) {
the_post(); ?>
<div <?php post_class(); ?>>>
<div class="container">
<div class="row">
<div class="col-md-12">
<a href="<?php the_permalink(); ?>">
<h2 class="post-title"><?php the_title(); ?></h2>
</a>
</div>
</div>
<div class="row">
<div class="col-md-4">
<p>
<strong><?php the_author_posts_link(); ?></strong><br />
<?php the_date(); ?>
</p>
<?php the_tags('<ul class="list-unstyled"><li>', '</li><li>', '</li></ul>'); ?>
</div>
<div class="col-md-8">
<?php
if (has_post_thumbnail()) {
the_post_thumbnail("large", array("class" => "img-fluid"));
}
the_excerpt();
?>
</div>
</div>
</div>
</div>
<?php
}
?>
functions.php
function alpha_bootstraping() {
add_theme_support( 'html5', array( 'search-form' ) );
}
add_action( 'after_setup_theme', 'alpha_bootstraping' );
searchform.php
<form role="search" method="get" class="search-form" action="<?php echo home_url( '/' ); ?>">
<label>
<span class="screen-reader-text"><?php echo _x( 'Search for:', 'alpha' ) ?></span>
<input type="search" class="search-field"
placeholder="<?php echo esc_attr_x( 'Search …', 'placeholder' ) ?>"
value="<?php echo get_search_query() ?>" name="s"
title="<?php echo esc_attr_x( 'Search for:', 'alpha' ) ?>" />
</label>
<input type="submit" class="search-submit"
value="<?php echo esc_attr_x( 'Search', 'submit button' ) ?>" />
</form>