代码之家  ›  专栏  ›  技术社区  ›  Bing Lan

为什么我的react bootstrap列表组显示不同?

  •  2
  • Bing Lan  · 技术社区  · 6 年前

    我正在使用react引导程序组成一个列表组,下面是我的呈现代码

    render() {
            return (
                <ListGroup>
                    <ListGroupItem header="paitent1" href='#' active>
                        session 1
                    </ListGroupItem>
                    <ListGroupItem header="paitent2" href='#'>
                        session 2
                    </ListGroupItem>
                </ListGroup>
            );
        }
    

    它很简单,但显示很难看,我的react引导是0.32.1。怎么了? enter image description here

    1 回复  |  直到 6 年前
        1
  •  1
  •   William Chou    6 年前

    您可能已经在组件中导入了库,但仍然需要自己导入css。

    https://react-bootstrap.github.io/getting-started/introduction

    您可以将其导入索引中。html https://react-bootstrap.github.io/getting-started/introduction

    或者可以将其导入到src/索引中。js并让webpack处理组合CSS