title: Content going out from bootstrap container
body: <p>I am creating a page for my University website which only allows me to edit or create pages within the scope of a content management system. So basically, the template remains fixed within which I can insert my html code. So I created a responsive page using bootstrap but the content is going out of bound (without scrolling). I tried fixing the container width but didn't help. The page is working perfectly independently i.e when I run it as independent html file without the cms.
  The nav works fine but the content in the container div doesn't.
  Here is the link to the page:
  <a href="http://chicago.medicine.uic.edu/cms/One.aspx?portalId=506244&amp;pageId=35058187" rel="nofollow noreferrer">Boostrap Page in CMS</a></p>
  
  <p>Here's the code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;title&gt;Home Page | Pediatrics Research | UIC College of Medicine | &lt;/title&gt;
  
      &lt;!-- Bootstrap --&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"&gt;
  
      &lt;style&gt;
  
      b, h3{
        color: #336699;
      }
  
        .navbar {
          background-color: rgb(31, 73, 125);
        }
      .navbar-default .navbar-nav &gt; li &gt;a{
            color:white;
        }
        .navbar-default .navbar-brand {
          color: white;
        }
        .navbar-default .navbar-brand:hover{
          color: white;
        }
        .navbar-default .navbar-nav &gt; li &gt;a:hover{
              color:white;
              text-decoration: underline;
          }
  
          @media (min-width: 767px) {
            .affix,.affix-top {
                position:fixed;
            }
          }
  
      .navbar-collapse ul{
      margin-left: 10%;
      }
  
      #sidebar  {
  
      background-color: lightgrey;
      }
  
      ul#sidebar {
      padding: 25px;
      }
  
      div#profile-right {
      border-left: solid 3px red;
  
      }
  
      &lt;/style&gt;
  
      &lt;!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
      &lt;!-- WARNING: Respond.js doesn't work if you view the page via file:// --&gt;
      &lt;!--[if lt IE 9]&gt;
        &lt;script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"&gt;&lt;/script&gt;
        &lt;script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
    &lt;/head&gt;
    &lt;body&gt;
  
      &lt;nav class="navbar navbar-default" role="navigation"&gt;
        &lt;div class="container-fluid"&gt;
          &lt;div class="navbar-header"&gt;
            &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar"&gt;
              &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&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;a class="navbar-brand" href="#"&gt;UIC Pediatrics&lt;/a&gt;
          &lt;/div&gt;
  
          &lt;!-- Collect the nav links, forms, and other content for toggling --&gt;
          &lt;div class="collapse navbar-collapse" id="navbar"&gt;
            &lt;ul class="nav navbar-nav"&gt;
              &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
  
              &lt;li&gt;&lt;a href="#"&gt;Research&lt;/a&gt;&lt;/li&gt;
              &lt;li class="dropdown"&gt;&lt;a class="dropdown-toggle" data-toggle="dropdown" role="button"
                aria-haspopup="true" aria-expanded="false" href="#"&gt;Our Partners &lt;span class="caret"&gt;&lt;/a&gt;
                  &lt;ul class="dropdown-menu"&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Basic Research&lt;/a&gt;&lt;/li&gt;
                    &lt;li role="separator" class="divider"&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Clinical Trials&lt;/a&gt;&lt;/li&gt;
                    &lt;li role="separator" class="divider"&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Epidemiology Research&lt;/a&gt;&lt;/li&gt;
                    &lt;li role="separator" class="divider"&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Health Promotion Research&lt;/a&gt;&lt;/li&gt;
                    &lt;li role="separator" class="divider"&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Health System Redesign&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;&lt;/li&gt;
  
              &lt;li&gt;&lt;a href="#"&gt;Work With Us&lt;/a&gt;&lt;/li&gt;
  
            &lt;/ul&gt;
  
            &lt;ul class="nav navbar-nav navbar-right"&gt;
              &lt;li&gt;&lt;a href="#"&gt;About Us&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
  
            &lt;/ul&gt;
          &lt;/div&gt;&lt;!-- /.navbar-collapse --&gt;
        &lt;/div&gt;&lt;!-- /.container-fluid --&gt;
      &lt;/nav&gt;
  
      &lt;div class="container-fluid"&gt;
        &lt;div class="row"&gt;
          &lt;div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" id="sidenav"&gt;
            &lt;ul id="sidebar" class="nav nav-stacked"&gt;
              &lt;li&gt;&lt;a href="#"&gt;Our Researchers&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Pediatrics - 1&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Pediatrics - 1&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Pediatrics - 1&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Pediatrics - 1&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Pediatrics - 1&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
        &lt;div class="col-xs-9 col-sm-9 col-md-9 col-lg-9"&gt;
        &lt;div class="row"&gt;
        &lt;div class="col-xs-8 col-sm-8 col-md-8 col-lg-8"&gt;
          &lt;h2&gt;Marian L. Fitzgibbon, PhD &lt;/br&gt; &lt;small&gt;Professor of Pediatrics and Health Policy and Administration&lt;/small&gt;&lt;/h2&gt;
          &lt;p&gt;&lt;b&gt;Contact Info&lt;/b&gt;&lt;/br&gt;
          Phone: (312) 996-0146 &lt;/br&gt;
          Fax: (312) 413-8950 &lt;/br&gt;
          E-mail: &lt;a href="mailto:mlf@uic.edu"&gt;mlf@uic.edu&lt;/a&gt; &lt;/br&gt;
          On Twitter: &lt;a href="https://twitter.com/SBMPresident"&gt;@SBMPresident&lt;/a&gt; &lt;/br&gt;
          &lt;b&gt;Institute for Health Research and Policy&lt;/b&gt; &lt;/br&gt;
          University of Illinois at Chicago (MC 275) &lt;/br&gt;
          486 Westside Research Office Bldg. &lt;/br&gt;
          1747 West Roosevelt Road &lt;/br&gt;
          Chicago, IL 60608
          &lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"&gt;
          &lt;img src="http://www.ihrp.uic.edu/files/mlf2015-150X200.png" class="img-thumbnail" alt="Marian L. Fitzgibbon, PhD" style="width=50px;height=70px"/&gt;
        &lt;/div&gt;
        &lt;/div&gt;
        &lt;hr&gt;
        &lt;div class="row"&gt;
          &lt;div class="col-xs-8 col-sm-8 col-md-8 col-lg-8"&gt;
            &lt;h3&gt;Profile&lt;/h3&gt;
            &lt;p&gt;
  
  
            &lt;/p&gt;
            &lt;h3&gt;Research Interests&lt;/h3&gt;
            &lt;p&gt;
  
            &lt;/p&gt;
            &lt;h3&gt;Recent and Noteworthy Publications&lt;/h3&gt;
  
          &lt;/div&gt;
          &lt;div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" id="profile-right"&gt;
  
          &lt;/div&gt;
        &lt;/hr&gt;
        &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
      &lt;!-- jQuery (necessary for Bootstrap's JavaScript plugins) --&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
      &lt;!-- Include all compiled plugins (below), or include individual files as needed --&gt;
      &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>