Question

基本上，我正试图在标题中显示一个带有不同wordpress帖子的div作为分辨率更改（实际上尝试使该文本响应）。但出于某种原因，它不是留在蓝色背景标题中，而是在标题下滑动。

<div class="container-full" id="spbg">
<div class="row">
    <div class="col-lg-5 col-sm-12"><div class="visible-md visible-lg" id="gr"></div><div class="visible-sm visible-xs" id="grsm"></div></div>
    <div class="col-lg-7"><div class="visible-md" id="splmd"><?php
$post_id = 129 ;
$queried_post = get_post($post_id);
echo $queried_post->post_content;
?></div>
                      <div class="visible-lg" id="sptxt"><?php
$post_id = 127;
$queried_post = get_post($post_id);
echo $queried_post->post_content;
?></div> </div>
</div>
</div>

和css

#spbg {
  margin-top: 100px;
  color: white !important;
  background-image: url(http://soloveich.com/pr4/wp-content/themes/blain/images/spbg.png);
  background-repeat: repeat-x;
}
#sptxt {
  padding-right:20px;
  padding-top: 20px;
  color: #fff;
  font-family: tahoma;
  font-size: 29px;
  font-weight: bold;
  line-height: 70px;
}
#gr {
 width: 417px;
 height: 283px;
 margin-left: 30px;
 margin-top: -60px;
 background-image: url(http://soloveich.com/pr4/wp-content/themes/blain/images/gr.png);
 background-repeat: no-repeat;
}
#splmd {
 color: #fff;
 font-family: tahoma;
 font-size: 20px;
 font-weight: bold;
 text-align: center;
}

起初，我认为它是文本大小，但在玩了字体大小之后却认为不是。关于使文本响应的任何其他想法也受到赞赏

使用bootstrap在不同分辨率上显示不同的div

0 个答案: