Bootstrap 和 fullpage.js

Question

嘿，我对 bootstrap 和 fullpage.js 都很陌生，我遇到的问题是想在我的其中一个中使用 bootstrap 的网格系统加载多个图像部分，我目前有多个部分在工作，但是这个图像问题证明了我的道路上的颠簸。

<div class="section">

            <div class="jumbotron">
            <div class="container">
            <h1>Tree Kangaroos</h1>
            <p>What are they exactly?</p>
            </div>
            </div>

            <div class="container">
            <div class="row">
            <div class="col1-sm-4">
            <img src="images/face.png" />
            </div>
                <div class="row">
                <div class="col1-sm4">
                    <img src="images/face.png" />
                        </div>
                        </div>
                        </div>
                        </div>





        </div>

这是我遇到问题的代码，到目前为止使用整页实现的所有其他内容都可以正常工作，bootstrap（据我所知）没有包含 java 脚本，所以我没有显示了我的全部代码，因为它相当大，我的超大屏幕也在工作，所以我猜 bootstrap 正在按预期工作，问题出在我的编码本身。

确切的问题是我的图像堆叠在一起而不是水平堆叠。

Answer 1

您的问题是您的列无效 bootstrap 类..

Col-md-4 就是您要找的。

Bootstrap 和 fullpage.js

Bootstrap with fullpage.js

javascript

css

jquery

twitter-bootstrap

fullpage.js