javascript - 如何在reactstrap中制作页脚组件?

标签 javascript reactjs bootstrap-4 reactstrap

我正在使用 Reactstrap 构建一个像这样的粘性页脚组件 example但我找不到专用的页脚组件。

唯一的其他方法是使用 html:

<footer class="footer">
  <div class="container">
    <span class="text-muted">Place sticky footer content here.</span>
  </div>
</footer>

问题是上面没有选择我的 .footer 类。这是一个不同的问题,但现在我只想知道是否有更好的方法。

页脚仅在 Cards 中定义

最佳答案

  1. 在 React 中,我们不使用 class 而是使用 className 属性。通常它会抛出错误。
  2. 您的示例使用 Bootstrap 提供的附加 CSS sticky-footer-navbar.css 文件,该文件默认情况下不随编译代码一起提供。在Github上获取其源代码后,您必须自己包含它Sticky Footer Navbar CSS Source Code

关于javascript - 如何在reactstrap中制作页脚组件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52038110/

相关文章:

html - Navbar 中的下拉菜单右侧扩展了 IE11 上的右侧边距

javascript - 如何将创建的范围连接到文本区域元素的值?

javascript - jquery addClass 奇怪的问题

javascript - 更新特征数组的特定对象

javascript - 为什么此选择列表不呈现基于 defaultValue 选择的正确项目

css - 垂直文本对齐在移动设备上不起作用

javascript - 随着 HTML5 范围 slider 的移动连续更改文本框的值

javascript - 这个js语法叫什么?

reactjs - 为什么 React 组件在状态没有改变时只重新渲染一次?

reactjs - 如何在不使用 npm-module 或 react-bootstrap 的情况下在 ReactJS、JSX 中使用工具提示?