Question

strong和em标签在模式React js中不起作用，但是在react或html page中正常工作。有没有办法让它在这种模式下工作

还有一个问题，如何以模态形式制作下一个btn以使模态页面，当我单击按钮时会转到下一个模态没有关闭第一个？

<Modal 
  show={this.state.show} 
  onHide={this.handleClose} 
  bsSize="large" 
  aria-labelledby="contained-modal-title-lg"
>
  <Modal.Header>
    <Modal.Title className="f2 pa0">welcome modal.</Modal.Title>
  </Modal.Header>
  <Modal.Body>
    <ol>
      <li className="mb-3">hello <strong>There</strong>.</li>
      <li className="mb-3">hi!<b>welcome back</b> <i>MR0B</i> to intro.</li>
    </ol>
    <div className="form-group mt-4">
    </div>
  </Modal.Body>
  <Modal.Footer>
    <Button onClick={this.handleClose}>Close</Button>
    <Button className="link dim mb2 dib white bg-purple pointer">done</Button>
  </Modal.Footer>
</Modal>

Answer 1

<li className="mb-3">hello <div style={{font-weight: 'bold !important'}}>There</div>.</li>
<li className="mb-3">hi!<div style={{font-weight: '700 !important'}}>welcome back</div> <i>MR0B</i> to intro.</li>

尝试一下...

Answer 2

感谢https://stackoverflow.com/users/2936159/roopak-putheveettil是的，您可以通过创建字体并以粗体显示的CSS来解决此问题，并且感谢https://stackoverflow.com/users/2643479/ted我的引导程序lib超出了我的CSS的支持范围，因此解决方案是使其加粗并赋予其粗体字体或跨度calssName，并使用！important编写css来重要的超越模式css，谢谢大家的澄清。

<li className="mb-3">hello <span>There</span>.</li>
<li className="mb-3">hi!<span>welcome back</span> <i>MR0B</i> to intro.</li>

强或b标签html在模式反应js中不起作用

2 个答案: