Question

编辑：我意识到我在课堂前点了点。请停止投票。

我正在尝试在搜索结果中创建列。我希望结果显示在3列中。

这是我的代码：

    <div class=".container">
        <div class=".row">
            <div class=".col-xs-3">
            <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>


            <?php 
                if ( has_post_thumbnail() ) {
                    echo '<p>';
                    the_post_thumbnail("small");
                    echo '</p>';
                }
            ?>
            <p><br /><?php the_excerpt(); ?><p>

    </div>
        </div>
            </div>

什么都没发生。

在http://tomasjanecek.cz/en/clanky/post/list-of-bootstrap-3-css-classes-with-description

找到的课程

Answer 1

CSS类选择器以.字符开头。

HTML类名不会（好吧，它们可以，但它比它的价值更麻烦，Bootstrap CSS不指望它们）。

<div class="container">
    <div class="row">
        <div class="col-xs-3">

Answer 2

不要在HTML标记类中使用.字符

试试这段代码：

<div class="container">
    <div class="row">
        <div class="col-xs-3">
            <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
            <?php 
                if ( has_post_thumbnail() ) {
                    echo '<p>';
                    the_post_thumbnail("small");
                    echo '</p>';
                }
            ?>
            <p><br /><?php the_excerpt(); ?><p>
       </div>
   </div>

在bootstrap中创建列

2 个答案: