मैंने अपने प्रोफाइल पेज के लिए एचटीएमएल और सीएसएस बनाया और जब मैंने एएसपी.नेट कोर में एचटीएमएल और सीएसएस जोड़ा तो यह अलग दिखता है।

जब मैं इसे index.html से खोलता हूं तो यह कैसा दिखता है

enter image description here

और जब मैंने इसे एएसपी cshtml में Styles.css के साथ जोड़ा

enter image description here

Cshtml में कुछ अंतर:

  1. परिवर्तन सहेजें बटन ठीक वैसा नहीं है जहाँ उसे होना चाहिए
  2. डैशबोर्ड हैडर मध्य संरेखित है
  3. डैशबोर्ड बॉक्स अलग-अलग जगहों और अलग-अलग चौड़ाई में हैं (मैंने उन्हें फिट करने के लिए बूटस्ट्रैप रो और कॉलम का इस्तेमाल किया)
  4. लॉगिन विवरण, डैशबोर्ड और आरक्षण के बीच कोई स्थान नहीं है

इसका क्या कारण हो सकता है?

1
G3n1t0 6 जिंदा 2021, 18:40
ध्यान रखें कि .NET पृष्ठ एक _Layout.cshtml का उपयोग कर रहा है जिसमें <html><body> सामग्री है। जब आप html को कॉपी करते हैं, तो सुनिश्चित करें कि आपको वही मिलता है जो <body /> टैग के अंदर है
 – 
Catalin
6 जिंदा 2021, 18:58
रेजर में अपना कोड एकीकृत करते समय आपको कुछ सीएसएस की कमी हो सकती है। यह फिर से एएसपीनेट कोर या रेजर का मुद्दा नहीं है। क्या गलत है यह जानने के लिए अपने आउटपुट (रेंडर किए गए) एचटीएमएल का निरीक्षण करने का प्रयास करें। आमतौर पर हम इस तरह के मुद्दे को हल करते हैं।
 – 
Hopeless
6 जिंदा 2021, 18:59

1 उत्तर

सबसे बढ़िया उत्तर

समस्या यह है कि मेरे पास लेआउट फ़ाइल में एक अलग बूटस्ट्रैप संस्करण पुस्तकालय का संदर्भ था।

यह वाला: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous" />

और बूटस्ट्रैप का संस्करण जो मैंने अपने एचटीएमएल के लिए इस्तेमाल किया था वह 5.0.0 था, इसलिए मैंने लेआउट में बूटस्ट्रैप के संदर्भ को हटा दिया और मैंने नया जोड़ा: <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

अब यह काम कर रहा है।

1
G3n1t0 6 जिंदा 2021, 20:07