twitterウィジェットを全画面で表示するには

Question

私は自分のウェブサイトのフルサイズのコンテンツを表示するためにブートストラップ流体コンテナレイアウトを使用しています。

私のtwitterウィジェットブロックを全幅で表示したいのですが、CSSやjQueryを使って全幅にしようとすると動作しません。

私は以下のCSSを使ってウィジェットを100％にしても動作しません。

.timeline-Widget { 
     background-color: #fff; 
     border-radius: 4px; 
     max-width: none !important; 
     width: 100%; 
    } 

ここはtwitterウィジェットのスクリーンショットです。

私はそれ全幅ようにしたいです。

全角twitterウィジェットには適切なソリューションをご提供ください。

Answer 1

ここで私はコピー＆ペーストしていたコードの一部です：JavaScriptの

CSS

iframe[id^='twitter-widget-0'] { 
    height:600px !important; 
    margin-bottom:10px !important; 
    width:100% !important; 
} 

$(window).on('load', function() { 
    $('iframe[id^=twitter-widget-]').each(function() { 
     var head = $(this).contents().find('head'); 
     if (head.length) { 
      head.append('<style>.timeline { max-width: 100% !important; width: 100% !important; } .timeline .stream { max-width: none !important; width: 100% !important; }</style>'); 
    } 
     $('#twitter-widget-0').append($('<div class=timeline>')); 
    }) 
}); 

もlink参照ください。それらには他の解決策があります。