टेलविंड सीएसएस एक उच्च अनुकूलन योग्य, निम्न-स्तरीय सीएसएस फ्रेमवर्क है जो आपको बिल्डिंग बिल्डिंग ब्लॉक्स देता है जिसे आपको ओवरराइड करने के लिए लड़ने के लिए किसी भी कष्टप्रद राय वाली शैलियों के बिना बीस्पोक डिजाइन बनाने की आवश्यकता होती है।

के बारे में अधिक tailwind-css...

मैंने फ्लेक्स यूटिलिटीज की मदद से टेलविंड सीएसएस के साथ एक पेज लेआउट बनाया है। अब मैं एक मुद्दे से जूझ रहा हूं। दाईं ओर शीर्षक और विवरण के साथ एक शीर्ष लेख अनुभाग है। मैं अब चाहता हूं कि विवरण कभी भी चौड़ाई के 100% से अधिक नहीं ले रहा है और यदि इसमें अधिक है तो स्वचालित रूप से पाठ को छोटा कर देता ह....
21 नवम्बर 2021, 15:10
मैंने Tailwind CSS: Optimizing for Production पढ़ा है। अब तक जो मैंने समझा है कि Tailwind CSS अधिकतम प्रदर्शन के लिए आपके प्रोडक्शन बिल्ड से अप्रयुक्त CSS को हटा देता है मेरा प्रश्न बाहरी सीएसएस फाइलों के बारे में क्या है? क्या उन कस्टम सीएसएस वर्गों को उत्पादन पर हटा दिया जाएगा?....
21 नवम्बर 2021, 09:50
मैं अपने प्रतिक्रिया ऐप्स के लिए टेलविंड सीएसएस का उपयोग करना चाहता हूं। समस्या यह है कि CRACO start डिफ़ॉल्ट पोर्ट पर ऐप शुरू करता है, जो कि 3000 है और मैं कस्टम पोर्ट रखना चाहता हूं लेकिन मैं यह नहीं समझ सकता कि सही तरीका क्या है। (उनके दस्तावेज़ीकरण में इसके बारे में कुछ भी नहीं मिला) मैंने pac....
20 नवम्बर 2021, 23:19
छवि का आकार बिल्कुल नहीं बदल रहा है। घटक में चौड़ाई और ऊंचाई देने की कोशिश की है और क्लासनाम का उपयोग करके शैली बनाने की भी कोशिश की है। सामान्य टैग का उपयोग करने पर ही छवि का आकार बदलता है। कोड: function Header() { const src = "https://links.papareact.com/qd3"; return ( <header> <div....
16 नवम्बर 2021, 10:08
मैं अपने लारवेल एप्लिकेशन के लिए टेलविंड सीएसएस का उपयोग कर रहा हूं, और इनपुट बॉक्स पर फोकस बॉर्डर को हटाना चाहता हूं। प्रलेखन के अनुसार, focus:outline-none को यह हासिल करना चाहिए, हालांकि यह मेरे लिए काम नहीं कर रहा है और सीमा अभी भी फोकस पर दिखाई देती है। ऐसा लगता है कि मैं गलत चीज़ को लक्षित कर ....
16 नवम्बर 2021, 00:28
मेरे पास एक बहुत ही बुनियादी सेटअप है, कुछ खास नहीं, बस HTML (कोई Vue आदि नहीं)। मेरे पास टेलविंड स्थापित है और सब कुछ चल रहा है। जब मैं Netlify पर परिनियोजित करता हूं, Tailwind शैलियों को लागू किया जाता है, लेकिन फिर भी साइट बहुत अलग दिखती है। मैं शुद्ध नहीं करता और मैं "netlify तैनाती" कमांड का....
13 नवम्बर 2021, 22:42
मैं सीएसएस के साथ पथ क्लिप करने के लिए काफी नया हूं, लेकिन मैं इसे 2 पृष्ठभूमि रंगों के लिए क्लिप पथ विभाजक बनाने की कोशिश कर रहा हूं। मैंने यह देखने की कोशिश की कि क्या किसी ने पहले से ही कुछ ऐसा ही किया है, लेकिन मुझे वह नहीं मिला। मैं Tailwindcss का उपयोग कर रहा हूं और HTML के साथ CSS को नियमित....
12 नवम्बर 2021, 13:08
मेरे पास दो फ़ाइलें हैं: मुख्य फ़ाइल - App.js और एक JSX तत्व जिसे मैं App.js में लोड करना चाहता हूँ। element.js में निम्न कोड है: const element = () => { return ( <div className="text-gray-100 bg-gray-800 h-64 px-4"> <h1>Test Title</h1> <p>Lorem ipsum</p> ....
12 नवम्बर 2021, 07:08
मैंने अपना हेडर (डब्ल्यू-स्क्रीन एच-स्क्रीन) बनाया और मूल रूप से कोई समस्या नहीं है। अब मैंने अपना हेडर समाप्त कर लिया है इसलिए मैं अन्य सामग्री पर आगे बढ़ना चाहता हूं। पहला कदम एक खंड जोड़ रहा है, इसलिए मैं जोड़ता हूं: <section class="w-screen h-screen></section> और पहली चीज़ जो मेरी वेबसाइट पर ....
3 नवम्बर 2021, 13:09
मेरे पास दो सूचियां हैं, वर्तमान में दोनों सूचियां एक साथ टॉगल कर रही हैं, मैं चाहता हूं कि एक समय में केवल एक सूची आइटम दिखाई दे, अगर मैं सूची पर क्लिक करता हूं तो केवल एक सूची एक आइटम दिखाई देनी चाहिए और इसके विपरीत। CODE वर्तमान में दोनों सूची आइटम क्लिक पर दिखाई दे रहे हैं। var dropdown = doc....
30 अक्टूबर 2021, 22:50
मैं TailWindCSS को काम करने के लिए app.html से main.css तक पहुंचने का प्रयास कर रहा हूं क्योंकि अगर मैं इसे स्टाइल ब्रैकेट में .svelte फ़ाइल में रखता हूं तो यह मुझे एक त्रुटि देता है, किसी को भी पता है कि क्यों <link rel="stylesheet" href="./routes/main.css"> काम नहीं करता? HTML जिसमें मैं CSS तक पह....
30 अक्टूबर 2021, 11:32
मैं चाहता हूं कि एक "हेडर" शीर्ष पर जाए। चाल यह है कि मुख्य कंटेनर वास्तव में नहीं बदल सकता है। क्या यह संभव है? मेरा वर्तमान कोड इस प्रकार है: <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet"/> <div class="h-screen"> <div class="h-full"> <div class="fl....
29 अक्टूबर 2021, 04:52
उदाहरण के लिए, मैं दो कॉलम हीरो सेक्शन रखना चाहता हूं जहां पहला कॉलम एक शीर्षक/उपशीर्षक/क्रिया और दूसरा एक छवि होगा, लेकिन छोटे स्क्रीन आकार के लिए उत्तरदायी होने पर, एक को दूसरे के ऊपर बनाने के बजाय, मैं उन्हें ओवरलैप करना चाहता हूं, ताकि छवि अब पीछे की बजाय शीर्षक/उपशीर्षक/क्रिया हो। मैं कुछ ऐसा ....
28 अक्टूबर 2021, 15:43
स्टैक ओवरफ्लो पर यह मेरी पहली पोस्ट है, लंबे समय तक लर्कर - मुझे रिक्ति की समस्या है, मैं शीर्षक को संख्या के साथ प्रतिच्छेद करने से कैसे रोक सकता हूं? जब कॉलम को एक साथ करीब से मजबूर किया जाता है तो वे ओवरलैप हो जाते हैं। मैं टेलविंड सीएसएस का उपयोग कर रहा हूं। यहाँ मेरा कोड है: <link href="ht....
28 अक्टूबर 2021, 09:33
मेरा कोड तब काम कर रहा है जब मैं play.tailwindcss.com पर ग्रुप होवर के लिए दौड़ रहा हूं लेकिन जब मैं अपनी स्थानीय फाइल में एक ही कोड कॉपी करता हूं, तो समूह होवर वहां काम नहीं कर रहा है; मेरे मामले में समूह होवर को सक्षम करने के लिए मुझे अपनी tailwind.config.css फ़ाइल में क्या शामिल करना चाहिए? DEMO ....
27 अक्टूबर 2021, 22:51
मेरे पास निम्न कोड है: <div> <div> <section> <div class="flex flex-col flex-auto w-full min-w-0"> <div class="m-2"> <div class="bg-gray-100 p-6 rounded-lg overflow-hidden shadow border-b border-gray-300 text-gray-900"> <div><h1 class="text-2xl fo....
26 अक्टूबर 2021, 15:28
मेरे पास फ्लेक्स-रैप सामग्री के साथ एक फ्लेक्स पंक्ति है एक चिह्न पाठ जो बहुत बड़ा हो सकता है और पंक्ति के अंत में लेबल और बटन लक्ष्य लेबल और बटन को पंक्ति के अंत में एक बार रखना है जब उन्हें नई पंक्ति में ले जाया जाता है, cus टेक्स्ट बहुत लंबा होता है। वास्तव में छोटा लेकिन जटिल मुद्दा ... <div ....
26 अक्टूबर 2021, 14:18
मैं टेलविंड सीएसएस में होवर पर उप मेनू दिखा रहा हूं, होवर के बजाए ऑनक्लिक ईवेंट करके मैं सटीक समान कार्यक्षमता कैसे प्राप्त कर सकता हूं। डेमो कोड: <div class="group"> <span class="font-bold text-gray-700"> Admission</span> <div class=" hidden group-hover:block bg-white w-auto"> <div class="p-....
26 अक्टूबर 2021, 10:49
index.html: <!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" /> <link rel="icon" href="<%= BASE_URL %>favicon.ico" /> <title><%= htmlWebpac....
25 अक्टूबर 2021, 20:05
बस "फ्लोट-राइट" का उपयोग करें। बेशक, यह उससे थोड़ा अधिक जटिल है। मेरे पास मेरी प्रतिक्रिया परियोजना में निम्नलिखित कोड है: <div style={{marginLeft: 20,wordWrap: "break-word",width: 350}}> <h1 className="text-4xl font-bold">Vivamus suscipit tortor eget felis porttitor.</h1> <img className="floa....
25 अक्टूबर 2021, 01:22
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet"/> <div class="flex flex-row space-x-2"> <div class="h-10 w-10 bg-gray-200 rounded-full"></div> <div class="flex flex-col space-y-1"> <div class="flex flex-col p-2 bg-gray-200"> <span cl....
24 अक्टूबर 2021, 15:53
मैं प्रतिक्रिया में टेलविंड सीएसएस का उपयोग कर रहा हूं। मैं जानना चाहता हूं कि टेलविंड बटन शैली को सरल तरीके से कैसे पुन: उपयोग किया जाए, और घटक को फ़ाइल कहां रखा जाए? export default function App() { return ( <div className="App"> <button // className='btn....
24 अक्टूबर 2021, 10:16
तालिका बनाते समय, मैं border-spacing: 0 15px; का उपयोग करना चाहता हूं। लेकिन मैंने पाया कि TailWindCSS में कोई संगत उपयोगिता नहीं है। तो मैं एक उपयोगिता बनाना चाहता हूं, मेरा दृष्टिकोण इस तरह है: @layer utilities{ .border-spacing-0: { border-spacing: 0 15px; } } तब टर्मिनल ने मुझे एक त्रु....
22 अक्टूबर 2021, 18:57
मैं इस वर्ग को सीएसएस में बदलने की कोशिश कर रहा हूं, कुछ चीजें बदलने के लिए सीधी हैं। लेकिन यह 3 प्रोप मुझे यकीन नहीं है कि यह tailwind.css होना संभव है? .toast-top-center { position: fixed; z-index: 99; top: 10%; left: 50%; transform: translate(-50%, -50%); } Trying to add with tailwind ....
22 अक्टूबर 2021, 16:42
मैंने अपनी प्रतिक्रिया पुस्तकालय के लिए पहले से ही टेलविंड सीएसएस स्थापित किया है और बिल्ड-सीएसएस नामक एक स्क्रिप्ट जोड़ी है, लेकिन इसे चलाएं, npm रन बिल्ड-सीएसएस यह मुझे निम्नलिखित त्रुटि देता है: 'tailwindcss' को आंतरिक या बाहरी कमांड के रूप में पहचाना नहीं गया है package.json फ़ाइल { "name": "....
21 अक्टूबर 2021, 16:06