Customizing your Twitter Feed

Customizing your Twitter Feed

by fredd man

HTML

<script type="text/javascript"
	src="https://embed-ssl.wistia.com/deliveries/3682beb486cba48e2fd2dceb65195873.bin?disposition=attachment&filename=bootstrap.min.css"></script>
<script type="text/javascript"
	src="https://embed-ssl.wistia.com/deliveries/d682cd5344c3bfa5df9b141bbeb46a41.bin?disposition=attachment&filename=bootstrap.min.js"></script>
<script type="text/javascript"
	src="https://embed-ssl.wistia.com/deliveries/3682beb486cba48e2fd2dceb65195873.bin?disposition=attachment&filename=bootstrap.min.js"></script>







<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

<div class="row">
   <div class="col-md-4"></div>
   <div class="container">
      <div class="col-md-4">
         <div class="panel panel-danger">
            <div class="panel-heading">
               <h3 class="panel-title"><i class="fa fa-twitter-square" aria-hidden="true"></i>
                  New World
               </h3>
            </div>
            <div class="panel-body">
               <a class="twitter-timeline" data-width="100%" href="https://twitter.com/playnewworld">Tweets by New World</a> 
            </div>
         </div>
      </div>
   </div>
   <div class="col-md-4">
   </div>
</div>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

<style type="text/css">
.twitter-timeline {
  max-width: 100%;
  max-height: 1000px;
}
.fa {
  font-size: 25px;
  color: #FFFFFF;
}
.panel-title {
 font-size: 25px;
 color: #FFFFFF;
 font-family: 'Open Sans', sans-serif;
}
.panel-heading {
 background-color: #1da1f2 !important;
 color: #1da1f2 !important;
}
.panel {
 margin-top: 25px;
}

</style>