बूटस्ट्रैप तालिका में लंबवत संरेखण

Question

मैं 4 कॉलम के साथ एक तालिका प्रदर्शित करने की कोशिश कर रहा हूं, जिसमें से एक छवि है। नीचे स्नैपशॉट है: -

मैं टेक्स्ट को केंद्र की स्थिति में लंबवत रूप से संरेखित करना चाहता हूं, लेकिन किसी भी तरह से सीएसएस काम नहीं कर रहा है। मैंने बूटस्ट्रैप उत्तरदायी तालिकाओं का उपयोग किया है। मैं जानना चाहता हूं कि मेरा कोड क्यों काम नहीं करता है और इसे काम करने के लिए सही तरीका क्या है।

निम्न तालिका के लिए कोड

सीएसएस

img { 
    height: 150px; 
    width: 200px; 
} 
th, td { 
    text-align: center; 
    vertical-align: middle; 
} 

एचटीएमएल

<table id="news" class="table table-striped table-responsive"> 
    <thead> 
     <tr> 
      <th>Name</th> 
      <th>Email</th> 
      <th>Phone</th> 
      <th>Photo</th> 
     </tr> 
    </thead> 
    <tbody> 
     <?php 
     $i=0; 
     foreach ($result as $row) 
     { ?> 
     <tr> 
      <td> 
       <?php echo 'Lorem Ispum'; ?> 
      </td> 
      <td> 
       <?php echo 'lrem@ispum.com'; ?> 
      </td> 
      <td> 
       <?php echo '9999999999'; ?> 
      </td> 
      <td> 
       <?php echo '<img src="'. base_url('files/images/test.jpg').'">'; ?> 
      </td> 
     </tr> 

     <?php 
     } 
     ?>   
    </tbody> 
</table> 

Answer 1

आप अपने CSS चयनकर्ता क्या दी है उसके आधार specific ओवरराइड करने के लिए पर्याप्त नहीं है है बूटस्ट्रैप द्वारा परिभाषित सीएसएस नियम।

इस प्रयास करें:

.table > tbody > tr > td { 
    vertical-align: middle; 
}