मुझे अपने बूटस्ट्रैप पेज के संबंध में थोड़ी समस्या है। मेरे पृष्ठ के निचले भाग में, एक अवांछित 5px लंबी जगह है। मैंने सब कुछ करने की कोशिश की है, जैसे मार्जिन और पैडिंग दोनों को 0 पर सेट करना, लेकिन कुछ नहीं हुआ। क्या कोई इसे हटाने के लिए एक कार्यशील समाधान जानता है?

संपादित करें: यहाँ मेरा कोड है:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
</head>
<body style="width: 100%">
    <video style="width: 100%" id="player-video">
        <source src="intro.mp4" type="video/mp4">
    </video>

    <script src="jquery/jquery-3.4.1.slim.min.js"></script>
    <script src="popper/popper.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
0
huetrashme0947 4 सितंबर 2020, 17:05

1 उत्तर

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

क्या आप कृपया अपने वीडियो टैग को एक display:flex और height: 100% दे सकते हैं जो किसी भी खाली स्थान को भरने में मदद करेगा जिसे आवंटित नहीं किया गया है। मेरे डेमो पर, यह ठीक काम किया।

अगर वह काम नहीं करता है तो कृपया मुझे बताएं।

ध्यान दें कि मेरे पास डेमो फ़ोल्डर में बूटस्ट्रैप था।

 <video style="width: 100%; display: flex; height: 100%;" id="player-video">
        <source src="3. create-react-app.mp4" autoplay type="video/mp4">
    </video>
0
Ahmad Dalao 7 सितंबर 2020, 01:41