为什么Bootstrap网格不起作用，而按钮却起作用（）

这是带有Bootstrap类的php(在我的wordpress主题的single.php文件中)

< ?php get_header(); ?> < button class="btn-danger"> Hello Bootstrap World< /button> < div class="row"> < div class="col-sm-4"> .col-sm-4< /div> < div class="col-sm-4"> .col-sm-4< /div> < div class="col-sm-4"> .col-sm-4< /div> < /div> < ?php get_footer(); ?>

这是结果的图像

文章图片
有人知道为什么这些列没有排列吗？由于按钮样式有效, 引导程序似乎已在wordpress中正确排队。这是我在wordpress中的排队行。

add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' ); function my_theme_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); wp_enqueue_style( 'bootstrap_css', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css' ); }

任何人都可以给我其他有关如何使其正常工作的提示吗？
感谢你的任何帮助
#1 你不必添加容器。你的CSS可能会被其他CSS覆盖。
#2 你需要将内容包装在容器类中。

< div class="container"> < div class="row"> < div class="col-sm-4"> .col-sm-4< /div> < div class="col-sm-4"> .col-sm-4< /div> < div class="col-sm-4"> .col-sm-4< /div> < /div> < /div>

#3 引导程序遵循以下网格结构。
Bootstrap网格系统有四个类：