Bootstrap 4 beta 2.如何在不同的列中使等宽的li被拉伸到屏幕宽度？

在Bootstrap 4 beta 2中，可以使用内置的栅格系统和Flexbox来实现在不同的列中使等宽的li被拉伸到屏幕宽度的效果。具体步骤如下：

1. 首先，在HTML文件中引入Bootstrap 4的CSS和JS文件。可以通过以下链接获取腾讯云CDN上的Bootstrap 4相关文件：
   • CSS文件：https://cdn.staticfile.org/twitter-bootstrap/4.6.0/css/bootstrap.min.css
   • JS文件：https://cdn.staticfile.org/twitter-bootstrap/4.6.0/js/bootstrap.min.js
2. 在HTML文件中创建一个包含等宽的li的ul列表，并将其放置在不同的列中。例如，使用Bootstrap的栅格系统创建两个列：<div class="container"> <div class="row"> <div class="col-md-6"> <ul class="list-unstyled equal-width"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> </div> <div class="col-md-6"> <ul class="list-unstyled equal-width"> <li>Item 4</li> <li>Item 5</li> <li>Item 6</li> </ul> </div> </div> </div>
3. 添加自定义CSS样式来实现等宽的li被拉伸到屏幕宽度。为了实现这个效果，我们可以使用Flexbox布局，并将li元素的宽度设置为100%。同时，为了去除默认的列表样式，我们使用了list-unstyled类。.equal-width { display: flex; }

.equal-width li {

 flex: 1;

 width: 100%;

}

通过以上步骤，等宽的li元素将会被拉伸到其所在列的宽度，从而实现在不同的列中使等宽的li被拉伸到屏幕宽度的效果。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

• 腾讯云云服务器（CVM）：提供高性能、可扩展的云服务器，可满足各种规模和需求的应用场景。详情请参考腾讯云官方文档：腾讯云云服务器（CVM）
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于存储和处理各种类型的文件和数据。详情请参考腾讯云官方文档：腾讯云对象存储（COS）