есть страница все четко работает
Код:
<section id="portfolio">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Portfolio</h2>
<hr class="star-primary">
</div>
</div>
<div class="row">
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img class="img-responsive" src="http://localhost/wp/wp-content/uploads/2017/08/cabin-1.png" alt="cabin" />
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img class="img-responsive" src="http://localhost/wp/wp-content/uploads/2017/08/cake.png" alt="Slice of cake" />
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img class="img-responsive" src="http://localhost/wp/wp-content/uploads/2017/08/circus.png" alt="Circus tent" />
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal4" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img class="img-responsive" src="http://localhost/wp/wp-content/uploads/2017/08/game.png" alt="Game controller" />
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal5" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img class="img-responsive" src="http://localhost/wp/wp-content/uploads/2017/08/safe.png" alt="safe" />
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal6" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img class="img-responsive" src="http://localhost/wp/wp-content/uploads/2017/08/submarine.png" alt="submarine" />
</a>
</div>
</div>
</div>
</section>
если в вордпрессе ее просмотреть в визуаль редакторе а потом опят переключится на html
получается:
Код:
<section id="portfolio">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Portfolio</h2>
<hr class="star-primary" />
</div>
</div>
<div class="row">
<div class="col-sm-4 portfolio-item">
<div class="caption"></div>
<img class="img-responsive" src="http://localhost/wp/wp-content/uploads/2017/08/cabin-1.png" alt="cabin" />
</div>
<div class="col-sm-4 portfolio-item">
<div class="caption"></div>
<img class="img-responsive" src="http://localhost/wp/wp-content/uploads/2017/08/cake.png" alt="Slice of cake" />
</div>
<div class="col-sm-4 portfolio-item">
<div class="caption"></div>
<img class="img-responsive" src="http://localhost/wp/wp-content/uploads/2017/08/circus.png" alt="Circus tent" />
</div>
<div class="col-sm-4 portfolio-item">
<div class="caption"></div>
<img class="img-responsive" src="http://localhost/wp/wp-content/uploads/2017/08/game.png" alt="Game controller" />
</div>
<div class="col-sm-4 portfolio-item">
<div class="caption"></div>
<img class="img-responsive" src="http://localhost/wp/wp-content/uploads/2017/08/safe.png" alt="safe" />
</div>
<div class="col-sm-4 portfolio-item">
<div class="caption"></div>
<img class="img-responsive" src="http://localhost/wp/wp-content/uploads/2017/08/submarine.png" alt="submarine" />
</div>
</div>
</div>
</section>
в чем проблема? Спасибо.