मैं बूटस्ट्रैप का उपयोग करके एक वेबसाइट बना रहा हूं, जोशीर्ष पर कुछ (न्यूनतम) सामग्री है (मूल रूप से शीर्षक, उपशीर्षक और एक नेविगेशन बार)। मैं एक div दोनों को क्षैतिज और लंबवत रूप से केन्द्रित करने में सक्षम होना चाहूंगा। इस div की सामग्री कुछ छोटी होगी, जैसे लॉगिन या सर्च विजेट।
ऐसा करने का अनुशंसित तरीका क्या हैबूटस्ट्रैप और सीएसएस? निश्चित रूप से मैं चाहता हूं कि फोन पर खोलने पर यह "अच्छा" दिखे। शीर्ष पर सामग्री कम से कम होगी, इसलिए छोटे पर्दे पर, यह शीर्ष और केंद्र को नहीं छू पाएगी। यह इस शैली के अन्य प्रश्नों से अलग है, क्योंकि मेरे पास शीर्ष पर कुछ सामग्री है। उन उत्तरों में से एक का पालन करने का प्रयास करें, और "बिल्कुल" सामग्री को शीर्ष पर रखें, लेकिन किसी भी तरह यह "बहुत साफ" नहीं लगता है। क्या बेहतर उपाय हैं?
उत्तर:
जवाब के लिए 0 № 1क्रिस्टोफ नमस्ते। एक खोज ने शायद आपको यह जवाब दिया होगा कि यह कैसे करना है।
वह है एक बेला वही करेंगे जो आप यहाँ करना चाहते हैं।
.centerthis {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}