小编low*_*ase的帖子

我有动态生成的内容形成3个这样的引导列...

<div class="col-md-4">
  <div class="article">
  content goes here
  </div>
</div>

问题是,当列具有不同的内容时,不同的高度会破坏布局.

为了避免这种情况,我怎样才能强制在每3个项目后启动一个明确的行？

基本上......

我有一个使用bootstrap的简单布局,它给了我2列 - 一个LEFT和一个RIGHT.使用Bootstrap的12列网格格式 - 左侧应为8宽,右侧列为4宽,如下所示.

<div class="row">        
    <div class="col-md-8">Left Content</div>    
    <div class="col-md-4">Right Content</div>
</div>

问题？如何在行中添加CONTAINER以使事物居中但是为右列提供一直延伸到浏览器边缘的背景颜色.因此,如果左背景颜色为蓝色且右背景为粉红色,则颜色会以全宽度运行,同时通过容器保持其中的内容.

BOOTPLY

我在Wordpess中使用Bootstrap 3并且在使用网格格式在页面上显示我的存档帖子时遇到问题.我的wordpress循环代码是......

<?php if ( have_posts() ) : ?>

<?php
$args=array(
'post_type' => 'artist',
'post_status' => 'publish',
'posts_per_page' => -1,
'caller_get_posts'=> 1
);
$my_query = null;
$my_query = new WP_Query($args);
if( $my_query->have_posts() ) {
echo '';
while ($my_query->have_posts()) : $my_query->the_post(); ?>
<li>
<img src="<?php the_field('artist_photo'); ?>" alt="" class="img-responsive" />
</li>

<?php endwhile;
}
wp_reset_query(); 
?>

<?php while ( have_posts() ) : the_post(); ?>
<?php endwhile; ?>
<?php else : ?>
<?php endif; ?>

这将显示包含帖子图像的列表.现在,他们在页面上一个接一个地列出.

我如何让他们使用我的引导网格在页面上显示4,然后在下面的行中的下一个4,然后在下面的下一个4行像这样......

<div class="row">

<div class="col-md-3">
<li>image …

我设置了一个名为“RELEASES”的自定义帖子类型 - 想想音乐 CD 发行版。

此帖子类型具有名为“release_artist”、“release_title”、“release_date”、“release_artwork”和“release_tracklisting”的字段，用于输入所有相关音乐 CD 信息。

我在实际在我的 WordPress 模板中显示这些信息时遇到了很大的麻烦。我真的只是幸运地输出了标题列表，而没有输出任何其他数据。

知道我在循环中放入什么来显示所有信息吗？最好每个都在自己的列表项中，这样我就可以单独设置每个项目的样式？

任何想法都非常感激。

我有一个像这样的简单div ...

<a href="#">
  <div class="promo-box promo-1">
    <div class="promo-content">
     <h2>Heading here</h2>
     <p>Text content here.</p>
    </div>
  </div>
</a>

...允许我在div悬停时更改背景颜色.效果很好,但结果是,我在链接中显示了悬停下划线的文字.我已经尝试了几种方法来定位h2和p,但仍然无法摆脱悬停时的文本修饰.

关于我需要使用什么html元素来应用text-decoration的任何想法:none？

这里的CSS ......

.promo-box
{
text-align:center;
border-radius:5px;
padding:10px;
margin-bottom:20px;
min-height:240px;
}
h2
{
font-family:Lato, Arial, Helvetica, sans-serif;
font-weight:700;
color:#FFF;
font-size:20px;
text-decoration: none;
}
.promo-box p
{
font-family:'Open Sans', Arial, Helvetica, sans-serif;
font-weight:400;
color:#FFF;
font-size:16px;
line-height:16px;
}
.promo-1
{
background-color:#125595;
}
div.promo-1:hover;
}

我在Bootstrap中有一个导航栏菜单,如下所示:

<ul class="nav navbar-nav navbar-right">
   <li><a href="#">Menu Item 1</li>
   <li><a href="#">Menu Item 2</a></li>
   <li><a href="#">Menu Item 3</a></li>
   <li><a href="#">Change Color of this Menu Item</a></li>
</ul>

我想更改最终列表项的颜色,以便它不继承标准颜色/悬停属性.是否可以通过CSS定位最终菜单项并覆盖我的Bootstraps CSS？

我的CSS在这里:

.navbar-default .navbar-nav > li > a {
   color: #ffffff;
   font-family: "Fjalla One", sans-serif;
   text-transform: uppercase;
   font-size: 17px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
   color: #0091c1;
   background-color: transparent;
}

我正在使用一些简单代码的bootstrap.在jumbotron div/container里面我有2张图片.一个左对齐.一个右对齐.如何在调整浏览器窗口大小时允许正确的图像漂浮在左侧上方/上方？快把我逼疯了.

<div class="jumbotron">
<div class="container">

<div class="left-image">
<img src="left-image.png">
</div>

<div class="right-image">
<img src="right-image.png">
</div>

</div>
</div>

我觉得像这样的简单css会这样做吗？

.left-image {
float: left;
}
.right-image {
float: right;
z-index: 999;
}

我有一个简单的Wordpress查询,列出我的自定义帖子类型结果.

目前,他们按照创建帖子的日期顺序列出.

我需要它们按照我名为'release_year'的自定义字段的顺序列出从最近到最早.

我无法将第二个查询合并到我的结果中.

如何确保所有帖子按release_year排序？

非常感谢.

<?php 
  $posts = get_posts(array(
  'post_type'           => 'discography',
  'posts_per_page'      => -1,
  'meta_key'            => 'release_category',
  'meta_value'          => 'album',
  'orderby'             => 'meta_value',
  'order'               => 'ASC',
  ));            
if( $posts ): ?>

我正在设置 cookie 以在页面加载时启动模态。目前，模态只发生一次。

我需要它每个月重置一次，以便每个访问者每个月都会弹出一次。

是否可以修改我的代码来实现这一点，还是我需要以另一种方式做到这一点？任何帮助表示赞赏。

$(document).ready(function () {
//if cookie hasn't been set...
if (document.cookie.indexOf("ModalShown=true")<0) {
    $("#newsletterModal").modal("show");
    //Modal has been shown, now set a cookie so it never comes back
    $("#newsletterModalClose").click(function () {
        $("#newsletterModal").modal("hide");
    });
    document.cookie = "ModalShown=true; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
}

});