bulma flex 证明内容在 reactjs 中不起作用

Question

我想让 {curdatetime} 粘在左边，{title} 留在中间。所以我尝试在 bulma css 之间使用 flex justify content space 但所有元素仍然粘在左边..

这是我的代码

    <>
      <header className="has-text-centered">
        <h1>LoliGhaya</h1>
      </header>
      <div className='is-flex-justify-content-space-between mb-2'>
        <small>{curdatetime}</small>
        <strong className='is-size-4'>{title}</strong>
      </div>
    </>

Answer 1

看完documentation，你用的有点不对

这应该适合你。

    <>
      <header className="has-text-centered">
        <h1>LoliGhaya</h1>
      </header>
      <div className='is-flex is-justify-content-space-between mb-2'>
        <small>{curdatetime}</small>
        <strong className='is-size-4'>{title}</strong>
      </div>
    </>

bulma flex 证明内容在 reactjs 中不起作用

bulma flex justify content not working in reactjs

css

reactjs

bulma