उत्तरदायी ऐडसेंस यूनिट ब्रेकिंग बूटस्ट्रैप पैनल

मैं ऐडसेंस उत्तरदायी इकाई को पैनल से बाहर तोड़ने से नीचे दिए गए कोड के समान कैसे रखूं? मेरे अनुभव में बैनर पैनेल तोड़ता है और पूरी चौड़ाई लेता है। ऐडसेंस उत्तरदायी इकाई के लिए इस्तेमाल किया गया कोड Google द्वारा प्रदान किया गया डिफ़ॉल्ट कोड है।उत्तरदायी ऐडसेंस यूनिट ब्रेकिंग बूटस्ट्रैप पैनल

<div class="col-md-12" style="padding-top:20px;"> 
    <div class="panel panel-default panel-profile m-b-md"> 
     <div class="panel-body text-center" style="padding: 5px 0 5px 0"> 
      <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 
      <!-- Thank You --> 
      <ins class="adsbygoogle" 
       style="display:block;" 
       data-ad-client="ca-pub-xxxxxx" 
       data-ad-slot="xxxxxx" 
       data-ad-format="auto"></ins> 
      <script> 
       (adsbygoogle = window.adsbygoogle || []).push({}); 
      </script> 
     </div> 
    </div> 
</div>

आपकी सहायता की सराहना की जाती है।

स्रोत

2017-07-10 Techy

आप मतलब विज्ञापन इकाई प्रवाह से निकाल दिया जाता है? यदि आप विज्ञापन के नमूना मार्कअप को किसी भी गणना वाले सीएसएस के साथ जोड़ते हैं तो यह बहुत बेहतर होगा। – karthick

कृपया कुछ नमूना मार्कअप जोड़ें जो समस्या को पुन: उत्पन्न करता है। एक पूर्ण विज्ञापन नहीं होना चाहिए - केवल वही सीएसएस या जो कुछ भी वे उपयोग कर रहे हैं, वह विज्ञापन को कॉलम को गड़बड़ कर देता है। –

@MichaelCoker विज्ञापन को स्टाइल करने के लिए उपयोग करने वाला एकमात्र सीएसएस प्रदर्शित होता है: ब्लॉक; मैंने पाया है कि पैनल स्वयं पैनल के बजाए पेज के बीच में केंद्रित है, इसलिए यह पैनल की चौड़ाई को अनदेखा कर रहा है और माता-पिता के पास जा रहा है। – Techy

मैं एक Plunker परीक्षण की स्थापना की है और मेरे लिए सब कुछ ठीक लग रहा है: https://plnkr.co/edit/YTVHcR2SjMdEPyaM0Owa?p=preview

<!DOCTYPE html> 
<html> 

<head> 
    <link data-require="[email protected]" data-semver="3.3.7" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" /> 
    <script data-require="[email protected]" data-semver="2.2.4" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> 
    <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 
    <script data-require="[email protected]" data-semver="3.3.7" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
    <script> 
    $(document).ready(function() { 
     (adsbygoogle = window.adsbygoogle || []).push({}) 
    }) 
    </script> 
</head> 

<body> 
    <h1>Hello Plunker!</h1> 
    <div class="col-md-12" style="padding-top:20px;"> 
    <div class="panel panel-default panel-profile m-b-md"> 
     <div class="panel-body text-center" style="padding: 5px 0 5px 0"> 
     <!-- adsense responsive unit code --> 
     <ins class="adsbygoogle" data-ad-client="ca-pub-9482555242423991" data-ad-slot="1928867468" data-ad-format="auto"></ins> 
     </div> 
    </div> 
    </div> 
</body> 

</html>

सीएसएस:

.adsbygoogle { 
    display: inline-block; 
    width:100%; 
    overflow: hidden; 
}

स्रोत

2017-07-13 21:14:11 Gerfried

नमस्ते, मेरे पास इकाई है जो उत्तरदायी है इसलिए अतिप्रवाह नहीं होना चाहिए .... मैंने पाया कि बैनर पृष्ठ चौड़ाई ले रहा है और पैनल चौड़ाई नहीं है। – Techy

उत्तरदायी ऐडसेंस यूनिट ब्रेकिंग बूटस्ट्रैप पैनल

उत्तर

संबंधित मुद्दे