如何仅在调整大小时使引导按钮全宽

Question

问

如何仅在调整大小时使引导按钮全宽

魅力无穷2 发布于 2023-02-12 19:53

我在页面顶部有一组4个内联按钮,位于一个超大屏幕下.

2是下拉列表,其他是常规按钮.

当我调整浏览器窗口的大小时,我想让它们改为垂直堆叠,全宽.我知道添加类btn-block将使它们全宽,但我只希望在窗口大小小于768px时发生这种情况.

这是我目前的代码.非常感谢!



    
            Action
            Another action
            Something else here
            
            Separated link
            
    
      

    
            Action
            Another action
            Something else here
            
            Separated link

Zim.. 7

您可以使用媒体查询应用768像素或更小的全宽按钮.

@media (max-width: 768px) {
    .btn,.btn-group {
        width:100%;
    }
}

演示:http://bootply.com/98570

1 个回答

您可以使用媒体查询应用768像素或更小的全宽按钮.
```
@media (max-width: 768px) {
    .btn,.btn-group {
        width:100%;
    }
}
```
演示:http://bootply.com/98570
2023-02-12 19:56 回答

Sunshine丶米粉_499

撰写答案