Reactstrap中的xs =“ 0”不适用于移动视图

托尔加

我想将列设置为在移动视图中不可见。将内容设置为12即可,但将侧边栏的列设置为0则不行-(它呈现全宽)。我该如何实现?

我试图在第一列周围设置“折叠”,但没有用。我想请教最佳实践。谢谢。

<Row>
    <Col xs="0" sm="3">
        <Sidebar></Sidebar>
    </Col>
    <Col xs="12" sm="9">
        ... Rest of the content here.
托尔加

我找到了答案。

我在边栏包装器中添加了以下类。我相信这在reactstrap中丢失了。

<Col xs="0" sm="3" className="d-none d-lg-block">
    <Sidebar></Sidebar>
</Col>
<Col xs="12" sm="9">

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

React 应用程序中的 Bootstrap 导航栏不适用于移动视图

Android FindViewById仅适用于子布局(列表视图行),不适用于父布局中的TextView

使用@State 变量不适用于从子视图更改 Body 中的视图状态

共享布局视图不适用于ASP.NET Core 2.1中的所有视图

BadgeDrawable是否不适用于FrameLayout中的视图,例如按钮,图像,文本视图等?

滚动不适用于移动视图

外部 API 在我的 ionic 2 混合移动应用程序中不适用于 ipad

语义 UI 中的下拉菜单不适用于移动设备

过渡效果不适用于带有样式组件的 React js 中的移动菜单

不适用于Kotlin中的ArrayList

solo.clickInlist(int)在Robotium中不适用于自定义列表视图

_Layout.cshtml 中引用的 JS 文件/函数不适用于其他视图

默认插槽或命名插槽不适用于 Vue 3 中的“路由器视图”

分页不适用于Django rest_framework中的视图集

使用 Dropdown_button2 包不适用于 Flutter 中的卡片视图

滚动视图不适用于页面中的更多元素

JSON 中位置 0 处的意外标记 u 不适用于异步

Postcode Anywhere (PCA Predict) 不适用于 Dynamics 365 移动应用程序中的联系人或客户表单

内容具有优先级的内容不适用于UIStackView中的自定义视图和标签

SwiftUI在NavigationView中添加个人警报视图,后退按钮不适用于Xcode 12 iOS14

导航栏在每个视图控制器(如Twitter)中具有不同的颜色(不适用于setbartintcolor)

语法突出显示不适用于Visual Studio 2015 Update 3中的Node.js Vash视图文件

onPress事件不适用于响应本机中的视图,图像,可触摸不透明度

视图类型中的方法setOnClickListener(View.OnClickListener)不适用于自变量(新DialogInterface.OnClickListener(){})

外部库参考适用于Webpack,但不适用于Aurelia中的JSPM

iframe中的PDF-适用于Firefox,但不适用于OSX上的Chrome

Express 中的 CORS 适用于 Safari,但不适用于 Chrome

Perl - foreach 中的 grep 不适用于 $_ 但适用于变量

适用于TMB的C ++,而不适用于Knitr中的Rcpp