के साथ चिनाई प्रभाव कैसे बनाएं I मुद्दा यह है कि मैं बूटस्ट्रैप 3 ग्रिड सिस्टम का उपयोग करके ब्लॉक प्रारूप में डेटा प्रदर्शित करना चाहता हूं, हालांकि मैं ऊंचाई से होने वाली परेशान सफेद जगहों को नहीं चाहता उपरोक्त पंक्ति के लिए बाध्य। उदाहरण के लिए, अगर मैं करता हूँ:केवल बूटस्ट्रैप 3 ग्रिड सिस्टम और सीएसएस
<div class="row">
<div class="col-lg-4">post</div>
<div class="col-lg-4">longer post that is going to take more height than the others</div>
<div class="col-lg-4">post</div>
</div>
<div class="row">
<div class="col-lg-4">post</div>
<div class="col-lg-4">post</div>
<div class="col-lg-4">post</div>
</div>
तो मैं दो पंक्तियों के बीच सफेद स्थान के साथ छोड़ दिया जाएगा, मैं क्या हासिल करने की कोशिश कर रहा हूँ एक चिनाई प्रभाव (जहां एक पोस्ट को भरने यह ऊपर पोस्ट के पास बैठने) के साथ ही है सीएसएस का उपयोग, विशेष रूप से बूटस्ट्रैप 3 ग्रिड सिस्टम। अर्थात:
मैं जानता हूँ कि इस plugins साथ किया जा सकता, लेकिन मैं अगर थेरेस एक अधिक शुद्ध (भले ही hacky हो गया है) समाधान देखना चाहते हैं। कोई विचार?
http://sickdesigner.com/masonry-css-getting-awesome-with-css3/ – Christina
जिस तरह से एब्रियान सुझाव देता है और उपरोक्त लिंक कॉलम ऑर्डर में बॉक्स बॉक्स ऑर्डर में बॉक्स रखता है, और चिनाई उन्हें जहां भी फिट करता है, रखता है, और यह क्रम में नहीं है लेकिन यह कभी-कभी बंद होता है। – Christina
@ बूटस्ट्रैप बूगी-क्रिस्टीना मुझे यह लिंक पसंद आया, हालांकि यह वास्तव में बूटस्ट्रैप 3 ग्रिड सिस्टम का उपयोग नहीं करता है, मैंने एक पहेली को एक साथ रखा है: http://jsfiddle.net/vtanz6xc/2/ जो अभी भी कॉलम सिस्टम का उपयोग करता है, मुझे लगता है कि इसे अभी के लिए काम करना होगा। – Typhomism