title: Using bootstrap grid set up and my 2nd element is being pushed under my first
body: <p>I am a brand new developer working on a small project and have come across an issue with my coding and the grid system of bootstrap 3.</p>
  
  <p>This is how the site is being displayed. If u look you see the chat box is being pushed to under the video player. I would like the chat box to sit beside the video player.</p>
  
  <p><img src="https://i.imgur.com/m4VqTvX.jpg" alt=""></p>
  
  <p>This is my HTML and my CSS. It's messy I know. I will work on making it clean tommorow.</p>
  
  <p>
              Dedication.gg - Home
              
              
              
              
              
                  }
                  }
              
          </p>
  
  <pre><code>    &lt;body id="padding"  background="images/bgimage.jpg" style="max-width:200px "&gt;
  
          &lt;!--Header----&gt;
  
          &lt;div class="container-fluid"&gt;
              &lt;div class="navbar navbar-inverse navbar-fixed-top navbar-inner pull-left" id="header"&gt;
                  &lt;div class="container"&gt;
                      &lt;div class="container pull-left"&gt;
                      &lt;/div&gt;
                      &lt;a href="#" class="navbar-brand pull-left"&gt;dedication.gg&lt;/a&gt;
                      &lt;button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;/button&gt;
                      &lt;div class="collapse navbar-collapse navHeaderCollapse"&gt;
                          &lt;ul class="nav navbar-nav navbar-right"&gt;
  
                              &lt;li&gt;&lt;a href="#"&gt;Blog&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Build orders&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Learning Resources&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt; &lt;a href="#" class="glyphicon glyphicon-envelope white align:center"&gt;&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
          &lt;!--End of Header----&gt;
  
          &lt;!--Twitch Video Source ---&gt;
              &lt;div class="row-fluid" id="center"&gt;
                  &lt;div class="col-lg-pull-6"&gt;
                      &lt;div class="container"&gt;
                          &lt;object type="application/x-shockwave-flash" height="600" width="984" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=twitchplayspokemon" bgcolor="#000000"&gt;
                              &lt;param name="allowFullScreen" value="true"&gt;
                              &lt;param name="allowScriptAccess" value="always"&gt;
                              &lt;param name="allowNetworking" value="all"&gt;
                              &lt;param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf"&gt;
                              &lt;param name="flashvars" value="hostname=www.twitch.tv&amp;amp;channel=twitchplayspokemon&amp;amp;auto_play=true&amp;amp;start_volume=25"&gt;
                          &lt;/object&gt;
                          &lt;a href="http://www.twitch.tv/twitchplayspokemon" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;"&gt;Watch live video from TwitchPlaysPokemon on www.twitch.tv&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
  
                  &lt;!--End of Twitch Video Source --- Start of Twitch Chat Box---&gt;
                  &lt;div class="col-sm-pull-6" id="center-chatbox&amp;gt;
                  &amp;lt;div class=" container"="" "=""&gt;
                      &lt;iframe frameborder="2" scrolling="no" id="chat_embed" src="http://twitch.tv/chat/embed?channel=twitchplayspokemon&amp;amp;popout_chat=true" height="600" width="350"&gt;&lt;/iframe&gt;
                  &lt;/div&gt;
  
                  &lt;!--End of Twitch Chat Box---&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;p id="footer-text"&gt; Want a image or video taken down? Contact me through &lt;a href="dedicationsc2@outlook.com"&gt;dedicationsc2@outlook.com &lt;/a&gt;&lt;/p&gt;
  
  
      &lt;/body&gt;&lt;/html&gt;
  </code></pre>
  
  <p>And here is the CSS.</p>
  
  <pre><code>#header {
  
      border-bottom-width:5px;
      border-bottom-color:black;
      background-color:#000000;
  
  }
  
  #padding{
       padding-top:120px;
       padding-left: 90px;
       padding-right: 10px;
       margin-left: 90px;
       position:relative;
       background-repeat:no-repeat;
       background-attachment:fixed;
  }
  
  #padding2 {
      padding-top:120px;
      padding-left: 10px;
      padding-right: 12px;
  
      margin-left:1200px;
      position:relative;
  
  }
  
  #time {
      color:white;
  }
  
  
  
  
  p {
      font-family:"Helvetica";
      font-size:25px;
      color:white;
      padding:0px;
  
  }   
  
  body {
  overflow:visible;
  font-family:Helvetica;
  font-size:80px;
  color:#FFF;
  
  }
  
  white {
      color: white;
  
  }
  
  
  h4 {
      font-family:"Helvetica";
      font-size:15px;
      color:white;
      padding:0px;
  
  
  }   
  
  
  #page-header {
      margin-top: 0px;
      padding-top: 0px
  }
  
  #panel-body {
  
      padding-top: 0px;
      margin-top: 0px;
  
  }
  
  #article-text {
      color:black;
      font-size:10px;
      padding: 5px;
  
      }
  
  #sidebar-text {
      color:black;
      font-size:10px;
      padding: 5px;
  
      }
  
  
  #h3 {
  
  font-family:  Trebuchet MS;
  
  
  }
  
  #datetext {
  font-style: italic;
  }
  
  #center {
       margin-left: 0px;
       right: 90px;
  }
  
  #center-chatbox {
      right: 700px;
  }
  </code></pre>