क्या कोई मुझे मेट्रो यूआई सीएसएस लेआउट टाइल्स को संरेखित करने के बारे में बता सकता है

The thing is that I have a pair of tiles of span 4 & span 5 in the first row and in the next one i got a large tile of span 9 ... but everything is misaligned some idea of why it is happening???

मैं jQuery 2.xx - मेट्रो यूआई सीएसएस 2.0 के साथ क्रोम 31 का उपयोग कर रहा हूं

ग्रिड की चौड़ाई डिफ़ॉल्ट 940 पीएक्स है ..

<body class="metro">
<div class="wrapper">

<div class="board grid">

<div class="row">
<div class="span4 bg-red tile header">size 4</div>
<div class="span5 bg-red tile header">size 5 </div>
</div>

<div class="row">
<div class="span9  bg-cyan tile weather header ">size 9</div>
</div>


<div class="row">
<div class="span2  bg-pink tile weather header ">size 2</div>
<div class="span6  bg-yellow tile weather header ">size 6</div>
<div class="span1  bg-orange tile weather subheader ">size 1</div>
</div>

</div>
</div>

"रैपर खाली है"

Right now it look like this: https://drive.google.com/file/d/0B2KdeNv2dTpxMU1NcF94eVBmeTQ/edit?usp=sharing

1
जोड़ा संपादित
विचारों: 1
क्या आप कुछ कोड पोस्ट कर सकते हैं, एक बेवकूफ़ और/या जो आपने पहले ही कोशिश की है? अन्यथा समुद्र तट पर रेत के एक विशिष्ट अनाज को खोजने की कोशिश करना :(
जोड़ा लेखक SW4, स्रोत
बिना कोड के अंधेरे सवाल ...
जोड़ा लेखक fiskolin, स्रोत

2 उत्तर

यदि आप यहां लिंक चाहते हैं तो ग्रिडस्टर नामक प्लगइन का उपयोग करके समस्या को ठीक करें: मेट्रो यूआई स्टाइल लेआउट डिज़ाइन करने के लिए प्लगइन यह चलो जब तक आप वांछित स्थिति प्राप्त नहीं करते हैं तब तक आप स्क्रीन के चारों ओर ब्लॉक खींचें। यहां तक ​​कि आप तय कर सकते हैं कि ब्लॉक को उपयोगकर्ताओं के लिए खींचने योग्य नहीं है या नहीं।

0
जोड़ा

आपको प्रत्येक पंक्ति में 12 ग्रिड में अवधि जोड़नी होगी ..

0
जोड़ा
जोड़ा लेखक Yamel Mauge, स्रोत
उस बॉक्स को बॉक्स के साथ गठबंधन किया गया था लेकिन अन्य 12 कॉलम से मेल खाने के लिए उन्हें ऑफ़सेट नहीं दे रहे थे
जोड़ा लेखक Yamel Mauge, स्रोत
आप अपने प्रत्येक वर्ग अवधि को ऑफ़सेट जोड़ने का प्रयास करें .. <div class = "span4 offset8 bg-red tile header"> आकार 4 </div>
जोड़ा लेखक Ahmad Ramli, स्रोत
ठीक है, आपको अपने द्वारा बनाए गए प्रत्येक कॉलम में एक पंक्ति का उपयोग करना चाहिए, ताकि आपके उद्देश्य के अनुसार प्रदर्शन ..
जोड़ा लेखक Ahmad Ramli, स्रोत