मेरा कोड इस तरह दिखता है:
<link rel="stylesheet" href="css/foundation.css" media="all">
<div class="row">
<div class="large-12 columns">
<div class="large-6 column">
Lorem ipsum
</div>
<div class="large-6 column">
Lorem ipsum
</div>
</div>
</div>
ब्राउज़र में ऐसा लगता है कि यह होना चाहिए
लेकिन जब मैं इसे प्रिंट करना चाहता हूं - यह मोबाइल / टैबलेट दृश्य की तरह काम करता है
मुझे एक डीआईएन ए 4 पृष्ठ के साथ-साथ ब्राउज़र में बिल्कुल दो दृश्यमान कॉलम होने की आवश्यकता है। इसे संभालने का कोई तरीका है। या इस समस्या के लिए Zurb.Foundation 4 की तुलना में एक बेहतर ढांचा भी?
सादर।
उत्तर:
जवाब के लिए 0 № 1मोबाइल के लिए आपको कक्षाएं जोड़नी चाहिए small-12
कंटेनर में (यानी जहां आपके पास है large-12
) तथा small-6
आपके पास कहां है large-6
। प्रिंट के लिए मैं उदाहरण जोड़ने का सुझाव देता हूं एक प्रथा print-6
कक्षा जिसमें 50% चौड़ाई है और तदनुसार तैरती है।
उत्तर № 2 के लिए -1
यदि आपको कभी भी यह समस्या है। बूटस्ट्रैप को आजमाएं क्योंकि फाउंडेशन में अभी तक कोई वास्तविक समाधान नहीं है। कम से कम मुझे एक नहीं मिला।
बूटस्ट्रैप:
<div class="row">
<div class="col-6 col-sm-6 col-lg-6">
Lorem ipsum
</div>
<div class="col-6 col-sm-6 col-lg-6">
Lorem ipsum
</div>
</div>