Html 如何使按钮水平对齐

Html 如何使按钮水平对齐,html,css,twitter-bootstrap,button,bootstrap-4,Html,Css,Twitter Bootstrap,Button,Bootstrap 4,我尝试对齐代码(链接),使按钮水平对齐而不是堆叠。有什么建议吗?使用CSS/Bootstrap进行此项新的深入研究。 你有很多方法来实现这一点 第一条路 #listmenu{ display:flex; } 使用引导的第二种方法 <div class="container"> <div class="row"> <div class="col-sm"> <div cla

我尝试对齐代码(链接),使按钮水平对齐而不是堆叠。有什么建议吗?使用CSS/Bootstrap进行此项新的深入研究。



你有很多方法来实现这一点 第一条路

#listmenu{
display:flex;
}
使用引导的第二种方法

<div class="container">
<div class="row">
  <div class="col-sm">
    <div class="mini-layout fluid">
     <div class="mini-layout-sidebar2">
      <p><a class="btn btn-primary btn-sm btn-block" href="index.cfm">Program Home</a></p> 
      </div>
     </div>
    </div>

    <div class="col-sm">
     <div class="mini-layout fluid">
       <div class="mini-layout-sidebar2">
       <p><a class="btn btn-primary btn-sm btn-block" href="Courses.cfm">Course Descriptions</a></p>
        </div>
      </div>
      </div>

      <div class="col-sm">
        <div class="mini-layout fluid">
         <div class="mini-layout-sidebar2">
         <p><a class="btn btn-primary btn-sm btn-block" href="Optional.cfm">Optional Learning</a></p>
         </div>
       </div>
     </div>
   </div>
</div>

最后一种阅读方法

你有很多方法来实现这一点 第一条路

#listmenu{
display:flex;
}
使用引导的第二种方法

<div class="container">
<div class="row">
  <div class="col-sm">
    <div class="mini-layout fluid">
     <div class="mini-layout-sidebar2">
      <p><a class="btn btn-primary btn-sm btn-block" href="index.cfm">Program Home</a></p> 
      </div>
     </div>
    </div>

    <div class="col-sm">
     <div class="mini-layout fluid">
       <div class="mini-layout-sidebar2">
       <p><a class="btn btn-primary btn-sm btn-block" href="Courses.cfm">Course Descriptions</a></p>
        </div>
      </div>
      </div>

      <div class="col-sm">
        <div class="mini-layout fluid">
         <div class="mini-layout-sidebar2">
         <p><a class="btn btn-primary btn-sm btn-block" href="Optional.cfm">Optional Learning</a></p>
         </div>
       </div>
     </div>
   </div>
</div>

最后一种阅读方法

您可以通过使用flex布局和引导实用程序类来实现这一点。注意将类添加到
#列表菜单
,并删除
btn块



您可以通过使用flex布局和引导实用程序类来实现这一点。注意将类添加到
#列表菜单
,并删除
btn块



您看到了吗?它似乎是一个垂直的侧边栏,ta从开始,如果您希望它是水平的,您需要使用另一组引导类。除非我误解了这个问题。哦,天哪,我没那么好弄明白,你看到了吗?它似乎是一个垂直的边栏,ta从开始,如果你想水平,你需要使用另一组引导类。除非我误解了这个问题。哦,天哪,我没那么好弄明白,该死的