बूटस्ट्रैप 4 लोकप्रिय फ्रंट-एंड कंपोनेंट लाइब्रेरी का चौथा प्रमुख संस्करण है। बूटस्ट्रैप उत्तरदायी, मोबाइल-प्रथम वेबसाइटों और वेब एप्लिकेशन के निर्माण में सहायता करता है।

के बारे में अधिक bootstrap-4...

मैं एक फॉर्म समूह पर काम कर रहा हूं जिसमें बूटस्ट्रैप के साथ एक इनपुट है, यह सभी डेस्कटॉप प्लेटफॉर्म के साथ-साथ एंड्रॉइड में भी ठीक काम करता है, लेकिन कुछ अजीब कारणों से, यह पूरी तरह से नहीं दिखा रहा है या केवल आधा छुपा इनपुट फ़ील्ड दिखा रहा है, जांचें नीचे दिए गए चित्र। एंड्रॉइड (ठीक काम करता है) ....
26 अगस्त 2021, 21:35
मैं एक वेब पेज बनाने की कोशिश कर रहा हूँ जिसके तीन कारण हैं - बाएँ, ऊपर दाएँ और नीचे दाएँ। बाएँ और नीचे दाएँ क्षेत्रों में स्क्रॉलबार होने चाहिए, और पूरे पृष्ठ में स्क्रीन भरनी चाहिए। मैं बूटस्ट्रैप 4 का उपयोग कर रहा हूँ। मैं स्क्रॉलबार को बाएं क्षेत्र के आसपास ठीक से काम कर सकता हूं। समस्या सही ....
4 अगस्त 2021, 01:08
.message-show { display: inline; font-weight: 500; font-size: 15px; } .product-list { border: 1px solid #b1b8c9; color: $color-grey-light; font-size: 14px; display: inline-block; margin-right: 8px; padding: 5px 20px; border-radius: 4px; background-color: #ffffff; margin-to....
12 जुलाई 2021, 15:54
लक्ष्य: जब डाउनलोड लिंक पर क्लिक किया जाता है, तो एक .text स्वचालित रूप से डाउनलोड हो जाएगा जिसका नाम आज का दिनांक और समय प्रारूप है। (जैसे: ७-३-२०२१ ०४:०४:०० अपराह्न या जो भी प्रारूप लागू हो, जब तक नाम पर दिनांक और समय हो) यह लिंक के लिए कोड है: <a download="info.txt" id="downloadlink" style="disp....
4 जुलाई 2021, 00:08
<div class="text-center" style="align-items: center; justify-content: center;"> <table style="border: 1rem;"> <tr><th>Id</th><th>Quantity</th></tr> <tr><td>1</td><td>2</td></tr> <tr><td>3</td><td>4</td></tr> <tr><td>4</td><td>2</td></tr> </ta....
29 जून 2021, 10:40
मैं इस फॉर्म को कैसे केंद्रित करूं? कोई फर्क नहीं पड़ता कि मैंने क्या प्रयास किया है (div कक्षाओं, शैलियों, आदि के आसपास बदलना। यह अभी भी केंद्र में नहीं है)। मैंने फ्लेक्स बॉक्स और अन्य टूल्स का उपयोग करने की कोशिश की है, लेकिन चाहे मैं कुछ भी करूं, अगर कुछ केंद्रित हो जाता है, तो इनपुट फ़ील्ड बहु....
23 जून 2021, 00:18
मैं बूटस्ट्रैप 4.6.0 का उपयोग कर रहा हूं और सोच रहा हूं कि अगला उपयोग समर्थित है या नहीं। सब कुछ काम करता है, लेकिन क्या मुझे दूसरे कंटेनर का उपयोग नहीं करना चाहिए: <div class="container-fluid"> <div class="row"> <div class="col-6"> <!-- <div class="container-fluid"> --> <div clas....
21 जून 2021, 20:51
.background-color { background-color: lightgrey; height: 200px; border: 1px solid black; } <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="a....
21 जून 2021, 18:00
मैं अपने मार्जिन के प्रभावी होने के बाद संभावित स्थान को भरने के लिए एक div बनाने की कोशिश कर रहा हूं। उदाहरण के लिए यदि स्क्रीन की चौड़ाई 200 है और वर्ग को नीचे घोषित किया गया है: .mini_video { width: 100%; margin-left: 20px; margin-right: 20px; } क्या mini_video की चौड़ाई 160px और बीच में ह....
30 मई 2021, 04:12
मेरे व्यक्तिगत पोर्टफोलियो पर, मेरे पास "प्रोजेक्ट्स" पृष्ठ है जहां मैं बूटस्ट्रैप कार्ड का उपयोग करके विभिन्न परियोजनाओं को प्रदर्शित करता हूं। मैं उन सभी को अपनी CardData.js फ़ाइल से प्रस्तुत करता हूं, फिर मानों को ProjectCard घटक में मैप करता हूं। मैं वर्तमान में मेरे पास सेट मार्जिन और स्पेसिं....
10 मई 2021, 23:28
प्रश्न शीर्षक में है, रिएक्ट एप्लिकेशन पर, मैं कभी भी विंडो स्क्रॉलबार नहीं देखना चाहता, मैं चाहूंगा कि प्रत्येक स्क्रीन आकार के लिए सामग्री कभी भी ओवरफ्लो न हो। // App.js <BrowserRouter> <div className="site"> <Navbar/> ... // some routes </....
मुझे वास्तव में कुछ सरल चाहिए लेकिन मैं इसे बूटस्ट्रैप (4.3.1) के साथ ठीक करने का प्रबंधन नहीं कर सकता। ऐसा लगता है कि मैं इसे कैसे चाहता हूं, लेकिन मुझे पता है कि सीएसएस सही नहीं है। मुझे एक ऐसी छवि चाहिए जो ऊंचाई और चौड़ाई दोनों में संपूर्ण col-xs-4 कॉलम को कवर करे और निश्चित स्थिति ताकि जब आप co....
4 मई 2021, 14:48
मुझे एक समस्या है: जैसा कि आप तस्वीर में देख सकते हैं, समस्या यह है कि कॉलम पूरी ऊंचाई नहीं लेता है। बाईं ओर वह है जो मुझे मिला है और दाईं ओर वह है जो मैं चाहता हूं। शायद आप लोग मेरी मदद कर सकते हैं। यहां स्रोत कोड है जो बाईं ओर की छवि की ओर जाता है। मैंने एक समाधान खोजा है लेकिन दुर्भाग्य से म....
23 अप्रैल 2021, 11:13
मैं एक साधारण समस्या में फंस गया हूं, मोबाइल दृश्य में मेरी तालिका को उत्तरदायी नहीं देख पा रहा हूं, क्या कोई मुझे बता सकता है कि मैं इसे मोबाइल दृश्य में कैसे उत्तरदायी बना सकता हूं, कृपया मुझे बताएं, यदि आपके पास मेरी समस्या से संबंधित कोई प्रश्न है तो कृपया पूछने के लिए स्वतंत्र गिर गया tabel.htm....
23 अप्रैल 2021, 09:35
मेरे पास एक index.html है जिसका हेडर इस तरह दिख रहा है: और मैं चेकबॉक्स और उसके लेबल को "ऑर्डिन में" ड्रॉपडाउन के साथ संरेखित करना चाहता हूं। मैं केवल बूटस्ट्रैप (कोई कस्टम क्लास नहीं) का उपयोग कर रहा हूं और मेरा पेज इस तरह दिखता है: <div class="container-fluid"> <div class="row"> ....
22 अप्रैल 2021, 13:10
मेरे पास एक नियंत्रक है जो डेटाबेस से डेटा को फ़िल्टर करता है और इसे उस दृश्य में भेजता है जहां मैं बूटस्ट्रैप पेजिनेशन का उपयोग इसे एकाधिक पृष्ठों पर दिखाने के लिए कर रहा हूं ... डेटा दृश्य पर सूचीबद्ध हो जाता है और प्रत्येक सब कुछ ठीक काम करता है, लेकिन समस्या जब मैं दूसरे पृष्ठ पर जाने का प्रयास ....
19 अप्रैल 2021, 21:14
मैं इस पॉपअप को मेनू में विभिन्न बटनों से खोलने की कोशिश कर रहा हूं, हालांकि, पॉपअप सामग्री वही रहेगी। धन्यवाद, बैनिक function OpenModalT() { var modal = document.getElementById('myModalT'); modal.style.display = "block"; } function CloseModalT() { var modal = document.getElementById('myMod....
17 अप्रैल 2021, 23:24
मुझे एक कंटेनर के नीचे बटनों की एक पंक्ति को संरेखित करने में समस्या हो रही है। नीचे स्क्रीनशॉट का संदर्भ देना; एक पंक्ति के अंदर 3 कॉलम होते हैं जो प्रत्येक सेक्शन को बनाते हैं। पृष्ठ के मध्य में आइटम को केंद्र में रखने के लिए पंक्ति 'औचित्य-सामग्री-केंद्र' वर्ग का उपयोग करती है। सबसे अधिक सामग्र....
17 अप्रैल 2021, 19:03
यह पता नहीं लगा सकता कि स्लाइड दो डेस्कटॉप पर देखते समय इतना बड़ा परिवर्तन/शिफ्ट क्यों कर रहा है। यह संलग्न div में d-md-flex align-items-md-center जोड़ने का परिणाम प्रतीत होता है। क्या ऐसा कुछ है जिसे मैं देख रहा हूं या एक वैकल्पिक विधि जिसका मुझे उपयोग करना चाहिए? <div class="container-md py-5"....
17 अप्रैल 2021, 01:57
ठीक है, ज्ञात समस्या - बूटस्ट्रैप समान ऊंचाई वाले कॉलम। मेरे पास 3 कॉल्स के साथ एक पंक्ति है, कोल्स के भीतर "एच -100" के साथ एक डिव है जो कोल्स को एक "बॉर्डर" के बराबर ऊंचाई देता है, इसलिए लाइनें कोल्स के अंदर होती हैं और कोल्स के बीच एक ऑप्टिकल गैप होता है। फिर सामग्री (छवि, शीर्षक, पाठ) और एक बट....
16 अप्रैल 2021, 11:03
बटन के 2 सेट के लिए यह मेरा वर्तमान कोड है हम उनमें अगली और पिछली कार्यक्षमता कैसे जोड़ सकते हैं। <div id="chart-section-wrapper" class="container"> <div id="chart-section"> <div class="overall-btns col my-3"> <!-- Buttons --> <!-- set-1 --> ....
16 अप्रैल 2021, 10:22
हमारी वेबसाइट बूटस्ट्रैप 4.x . का उपयोग करती है वर्तमान में है: इस तत्व के बीच रिक्ति कैसे जोड़ें? नीचे पूर्ण कोड बूटस्ट्रैप है: <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuX....
14 अप्रैल 2021, 18:31
मैं यह पहले करता हूँ var columns = row.getElementsByTagName('td'); columns[2].innerHTML ='<Button class="btn btn-success" style="margin-right:4px;" onclick="savecategory(this.parentNode,this)">Save</Button> अब मेरा कार्य function savecategory(but,save_button){ $(save_button).html('<span class="spi....
14 अप्रैल 2021, 14:14
मुझे अभी एक समस्या है। मेरे पास एक टेक्स्ट है जिसे उपयोगकर्ता देख सकता है (आइटम के लिए विवरण), और मैं चाहता हूं कि यह केवल पहले 60 वर्ण दिखाए। मैंने स्टैक ओवरफ्लो से विभिन्न समाधानों का प्रयास किया है, लेकिन कुछ भी मेरी मदद नहीं करता है। धन्यवाद। import React, { useState } from "react"; import ....
13 अप्रैल 2021, 12:47
मैं अपनी वेबसाइट के नाम के आगे अपना लोगो लगाने के लिए बूटस्ट्रैप का उपयोग करने का प्रयास कर रहा हूं। मैं बूटस्ट्रैप का उपयोग करने की कोशिश कर रहा हूं क्योंकि मैं इसे स्केल करना चाहता हूं क्योंकि वेबपेज आकार में बदलता है, लेकिन मैं यह नहीं समझ सकता कि इसे सही तरीके से कैसे किया जाए। मैं बूटस्ट्रैप ....
9 अप्रैल 2021, 05:01