小编Sid*_*oor的帖子

两天来，我一直在努力使用我的 Next.js 应用程序运行功能性 Swiper Grid 选项。我已经尝试了许多 stackoverflow 解决方案，并尝试了不同的方法来使此网格行为适用于我的应用程序，唉！所有尝试都失败了，而且都没有添加网格功能。

最后，我实现了 Swiper 本身的代码示例。虽然演示代码可以在他们的平台上运行，但不能在我的应用程序中运行。我什么也没做，只是复制代码并在 Next.js 应用程序中为 Swiper Grid 创建一个新页面。

我不知道为什么它没有表现出应有的行为。参考站点和代码如下：

工作演示参考：https://codesandbox.io/s/20p7zs? file=/src/App.jsx:0-1049

import React, { useRef, useState } from "react";
// Import Swiper React components
import { Swiper, SwiperSlide } from "swiper/react";

// Import Swiper styles
import "swiper/css";
import "swiper/css/grid";
import "swiper/css/pagination";

// import required modules
import { Grid, Pagination } from "swiper";

export default function App() {
  return (
    <>
      <Swiper
        slidesPerView={3}
        grid={{
          rows: 2,
        }}
        spaceBetween={30}
        pagination={{
          clickable: true,
        }} …

我想在不同的设备(不是背景图像)中显示不同的图像.是否可以像以下一样使用bootstrap 3.x？

适用于大屏幕

<img src="large-image.jpg" />

适用于中型设备

<img src="medium-image.jpg" />

适用于小型设备

<img src="small-image.jpg" />

等等.

提前致谢.

NB最后,我自己找到了一个很好的解决方案.请参阅下面接受的答案.

我必须并排放置两列。其中一列具有固定宽度。我真的很努力地理解为什么一列中的固定宽度在 Tailwind CSS flexbox 上不起作用。

我有以下代码：

<div class="flex flex-row justify-between items-start shrink-0">
    <p class="mt-4 h-14 overflow-hidden leading-7">This title pushed back the next element</p>
    <div class="p-1 w-16 h-16 text-white text-center">
        <p class="text-sm">05</p>
        <p class="text-3xl leading-none font-bold">JUNE</p>
    </div>
</div>

顺风版本：3.0.23

输出：

检查元素：

预期输出：

我想要一个选定的下拉菜单只读,我需要使用jQuery选择器动态地执行此操作.如果我使用以下方法将其设置为禁用

$("#dropdownDepartment").attr("disabled","disabled").trigger('chosen:updated');

值不是POST但我需要它.

我试过了

$("#dropdownDepartment").attr('readonly',true).trigger('chosen:updated');

但这不起作用.

我正在使用Chosen v1.4.2和jQuery v2.1.4.

帮助赞赏!谢谢.

我在邮递员那里开发了一个集合，有一堆 API 端点。我可以将团队成员添加到我的 Postman 工作区，也可以在线公开共享文档链接。我发现有一个下载链接可以将文档作为文件夹下载，以便我可以将它们添加到我的项目中。

有什么我在邮递员那里找不到的吗？