Loading

Tailwind CSS With ASP.NET

Tailwind CSS With ASP.NET

Rohan

4y2.1k.NET

Hello everyone how to use Tailwind CSS With.net core razor page.Please provide any solution

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh4y ago
Accepted answer
Tailwind css is similar to bootstrap, you just need to add it's cdn for css and js in your layout page.
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css"
      rel="stylesheet">
Then you can start using its classes in your pages
        <h1 class="text-lg">Large font sizeh1>

        <h1 class="font-bold">Bold fond weighth1>

        <h1 class="tracking-widest">Spacing between wordsh1>

        <h1 class="uppercase">Uppercase wordh1>

        <input class="border focus:border-red-500
                      focus:outline-none p-5 m-5
                      placeholder-red-500"
               type="text"
               name=""
               value=""
               placeholder="name" />

        <div class="md:flex md:flex-wrap m-5">
            <div class="bg-blue-500
                        p-5 md:w-1/3
                        md:bg-pink-600">
              C# Corner
          div>
            <div class="bg-teal-500 p-5 md:w-1/3">
            C# Corner
          div>
            <div class="bg-yellow-500 p-5 md:w-1/3">
          C# Corner
          div>
        div>
    body>