/ / शीर्ष (बूटस्ट्रैप) पर कुछ सामग्री के साथ HTML पृष्ठ पर लंबवत केंद्र तत्व - html, सीएसएस, ट्विटर-बूटस्ट्रैप

शीर्ष पर कुछ सामग्री (बूटस्ट्रैप) - एचटीएमएल, सीएसएस, ट्विटर बूटस्ट्रैप के साथ एचटीएमएल पेज पर लंबवत केंद्र तत्व

मैं बूटस्ट्रैप का उपयोग करके एक वेबसाइट बना रहा हूं, जोशीर्ष पर कुछ (न्यूनतम) सामग्री है (मूल रूप से शीर्षक, उपशीर्षक और एक नेविगेशन बार)। मैं एक div दोनों को क्षैतिज और लंबवत रूप से केन्द्रित करने में सक्षम होना चाहूंगा। इस div की सामग्री कुछ छोटी होगी, जैसे लॉगिन या सर्च विजेट।

ऐसा करने का अनुशंसित तरीका क्या हैबूटस्ट्रैप और सीएसएस? निश्चित रूप से मैं चाहता हूं कि फोन पर खोलने पर यह "अच्छा" दिखे। शीर्ष पर सामग्री कम से कम होगी, इसलिए छोटे पर्दे पर, यह शीर्ष और केंद्र को नहीं छू पाएगी। यह इस शैली के अन्य प्रश्नों से अलग है, क्योंकि मेरे पास शीर्ष पर कुछ सामग्री है। उन उत्तरों में से एक का पालन करने का प्रयास करें, और "बिल्कुल" सामग्री को शीर्ष पर रखें, लेकिन किसी भी तरह यह "बहुत साफ" नहीं लगता है। क्या बेहतर उपाय हैं?

उत्तर:

जवाब के लिए 0 № 1

क्रिस्टोफ नमस्ते। एक खोज ने शायद आपको यह जवाब दिया होगा कि यह कैसे करना है।
वह है एक बेला वही करेंगे जो आप यहाँ करना चाहते हैं।

.centerthis {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}

यहां छवि विवरण दर्ज करें