<div className="hidden flex-1 items-center justify-center space-x-6 md:flex">
<a className="headerLink">Product</a>
<a className="headerLink">Explore</a>
<a className="headerLink">Support</a>
<a className="headerLink">Business</a>
</div>``
字符串
//tailwind文件
/**@type {import('tailwindcss ').Config} */
模块.exports = {
内容:[
'./pages/**/*.{js,ts,jsx,tsx}',
'./components/**/*.{js,ts,jsx,tsx}',
型
],
主题:{
extend: {
fontFamily: {
body: ['Montserrat', 'sans-serif'],
},
},
screens: {
sm: '480px',
md: '768px',
lg: '976px',
xl: '1440px',
},
型
},
插件:[],
}
导航应该显示在一个大屏幕上,而它消失在一个小屏幕上。对我来说,显示导航,我必须改变隐藏的灵活,这将反过来显示导航在小屏幕上,我不希望这样
1条答案
按热度按时间q3qa4bjr1#
我在Tailwind配置文件中将“important”设置为“true”,现在它对我有效了。
字符串
}