Fatal编程技术网
  • bootstrap-4/
  • Bootstrap 4 如何修复'；显示类'；和'；网格类'；？

Bootstrap 4 如何修复'；显示类'；和'；网格类'；？

bootstrap-4

Bootstrap 4 如何修复'；显示类'；和'；网格类'；？,bootstrap-4,Bootstrap 4,我正在用引导“卡片”制作一张专辑，我正在尝试做两件事： 1）让卡完全展开以适应小屏幕尺寸col-sm-12？ 2）隐藏小屏幕尺寸的元素.d-sm-none.d-md-block？ 19号线和86号线的问题 链接到代码：遵循这些指南 检查您的卡，您正在添加一个内联样式style=“width:18rem；”删除该样式，同时删除包装 将mb-3添加到下一个divwrapper class=“col-sm-12 col-md-3mb-3”相反，扩展卡应该可以工作 将col-sm-12替换为col-

我正在用引导“卡片”制作一张专辑，我正在尝试做两件事：


1）让卡完全展开以适应小屏幕尺寸
col-sm-12
？

2）隐藏小屏幕尺寸的元素
.d-sm-none.d-md-block
？

19号线和86号线的问题

链接到代码：

遵循这些指南

  • 检查您的卡，您正在添加一个内联样式
    style=“width:18rem；”
    删除该样式，同时删除
    包装
  • 将
    mb-3
    添加到下一个
    div
    wrapper class=“col-sm-12 col-md-3
    mb-3
    ”相反，扩展卡应该可以工作
  • 将
    col-sm-12
    替换为
    col-12
    • 如果你想要移动屏幕，你应该使用
    col-12
    ，
    col-sm-12
    用于手机；在类名中包含点，它应该是
    d-none
    或
    d-md-block
    。。。在HTML结构上还有一些其他问题；列应该是
    行的直接子行
    ；在
    行和列之间有另一个div
    
在网格布局中，内容必须放置在列中，并且只有列可以是行的直接子级
    
我对您关于
    行
    和
    列
    的结构做了一些修改；我还删除了你在卡片上设置的宽度，这阻止了他们使用全宽度；还修复了您正在使用的显示的类名，请检查它
    


    
卡片标题

    
一些快速的示例文本构建在卡片标题上，并构成卡片内容的大部分。

    
卡片标题

    
一些快速的示例文本构建在卡片标题上，并构成卡片内容的大部分。

    
卡片标题

    
一些快速的示例文本构建在卡片标题上，并构成卡片内容的大部分。

    
卡片标题

    
一些快速的示例文本构建在卡片标题上，并构成卡片内容的大部分。