使用reactstrap将Bootstrap Studio渲染导入React时出现问题

时间:2018-04-11 22:02:31

标签: css reactjs reactstrap bootstrap-studio

我正在开发一个项目,设计师正在使用BootStrap studio,它使用BootStrap 4导出到html,我正在将导出的文件转换为带反应堆的React组件。

我遇到类和样式规则的问题,因为原始文件继承自7个不同的文件。转换如下内容的最佳方式是什么:

         <div id="nav-bars">
        <nav class="navbar navbar-light navbar-expand-md" id="top-nav" style="background-color:rgba(0,0,0,0.5);color:rgb(255,255,255);">
            <div class="container-fluid"><a class="navbar-brand" href="#" style="background-image:url(&quot;assets/img/logoalt copy.png&quot;);padding-right:5px;background-size:contain;margin-right:0;padding-left:5px;background-position:center;">&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</a>

在保留css规则的同时进入反应组件?

1 个答案:

答案 0 :(得分:0)

JSX要求您className = not class =