为什么Hidden和md:flex属性在我的nextjs站点中不起作用

wbrvyc0a  于 12个月前  发布在  其他
关注(0)|答案(1)|浏览(102)
<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',

},


},
插件:[],
}
导航应该显示在一个大屏幕上,而它消失在一个小屏幕上。对我来说,显示导航,我必须改变隐藏的灵活,这将反过来显示导航在小屏幕上,我不希望这样

q3qa4bjr

q3qa4bjr1#

我在Tailwind配置文件中将“important”设置为“true”,现在它对我有效了。

module.exports = {
important: true,
....

字符串
}

相关问题