बूटस्ट्रैप में मीडिया-बॉडी क्लास की चौड़ाई 10,000px क्यों है और मीडिया क्लास में अतिप्रवाह छिपा हुआ है और ज़ूम 1 है?

Question

मेरे पास बूटस्ट्रैप में मीडिया कक्षाओं के बारे में कुछ सवाल है।

1. बूटस्ट्रैप में .media-body कक्षा चौड़ाई 10,000px क्यों है? उन्होंने display: table-celldisplay: block का उपयोग क्यों नहीं किया?
2. overflow: hidden और zoom: 1.media कक्षा पर क्यों उपयोग किया जाता है?
3. .media-body के साथ div वास्तव में 10,000px चौड़ाई क्यों नहीं लेता है?
4. क्या होगा यदि overflow: hidden और zoom: 1.media कक्षा में उपयोग नहीं किया जाता है?

मेरे प्रयास के लिए, मैंने overflow, zoom और 10,000px चौड़ाई हटा दी और कोई अंतर नहीं देखा।

Answer 1

मैं संग्रह "Responsive Bootstrap" में कुछ टिप्पणियां पाया है:

/* 
* 1. Create new block formatting context in modern browsers 
* 2. Avoid shrink-wrap behaviour of table-cell 
* 3. Override for IE6/7 
* 4. Create new block formatting context in IE6/7 
* Alternatively, use 'overflow:hidden' if clipping is OK 
*/ 
display: table-cell; /* 1 */ 
width: 10000px; /* 2 */ 
@include old-ie() { 
    *width: auto; /* 3 */ 
    *zoom: 1; /* 4 */ 
} 

युपीडी

*zoom IE6 और IE7 के लिए एक हैक है। सभी ब्राउज़र एक विशेषता के साथ शुरू होने वाले गुणों को अनदेखा करते हैं। केवल आईई 7 और नीचे उन्हें खाते में ले जाता है।