bootstrap module css in react

 rename 'bootstrap.min.css' to 'bootstrap.min.module.css'

import bs from 'bootstrap/dist/css/bootstrap.min.module.css';

import React from 'react'

export function NavBar() {

return (

<div>

<br/><br/><br/>

<button type="button" className={`${bs['btn']} ${bs['btn-primary']} ${bs['position-relative']}`}>

Inbox

<span className={`

${bs['position-absolute']}

${bs['top-0']}

${bs['start-100']}

${bs['translate-middle']}

${bs['badge']}

${bs['rounded-pill']}

${bs['bg-danger']}

`}>

99+

<span className={ `${bs['visually-hidden']}` }>unread messages</span>

</span>

</button>

</div>

)

}