html - 尝试创建站点地图，但文字出现在不同的行上

Question

我正在为我的网站开发站点地图。目的是将其作为横跨每一页底部的固定栏。我正在使用 https://startbootstrap.com/template-overviews/half-slider/作为我的 Bootstrap 模板的来源。但是，当我尝试向我的站点地图中添加单词时，每个单词都单独占一行。目前，我有以下内容:

CSS:

footer>.container>.row>.col-lg-12 {
margin: 0 -9999rem;
padding: 0.25rem 9999rem;
position: fixed;
background-color: black;
color: white;
bottom: 0
}

HTML:

<footer>
    <div class="container">
         <div class="row">
             <div class="col-lg-12">
                 <p>Contact Us</p>
                 <p>Find Out More</p>
             </div>
        </div>
    </div>
    <!-- /.row -->
</footer>

Answer 1

像下面那样把它们分成更多的潜水或做 p class="col-lg-4"

  <footer>
   <div class="container">
         <div class="row">
             <div class="col-lg-12">
                <div class="col-lg-4">
                     <p>Contact Us</p>
                </div>
               <div class="col-lg-4">
                     <p>Find Out More</p>
                </div>

             </div>
        </div>
    </div>
    <!-- /.row -->
</footer>

或

<footer>
  <div class="container">
     <div class="row">
         <div class="col-lg-12">

                 <p class="col-lg-4">Contact Us</p>                              
                 <p class="col-lg-4">Find Out More</p>                
         </div>
    </div>
</div>
<!-- /.row -->
</footer>

查看 https://getbootstrap.com/docs/3.3/components/#navbar再举个例子