title: Removing a ul indention with twitter bootstrap
body: <p>I've made an html page with twitter bootstrap and here it's code and screenshot of result page. </p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;header class="row"&gt;
          &lt;a class="span2" href="/"&gt;&lt;img src="./logo.png" alt="Whitesquare logo"&gt;&lt;/a&gt;
          &lt;div class="span2 offset6" id="reminders"&gt;Напоминания&lt;/div&gt;
          &lt;div class="span2" id="administration"&gt;Администрация&lt;/div&gt;
      &lt;/header&gt;
      &lt;div class="row"&gt;
          &lt;div class="navbar span2"&gt;
              &lt;div class="navbar-inner"&gt;
              &lt;ul class="nav nav-pills nav-stacked"&gt;
                  &lt;li class="active span2" id="statistics"&gt;Статистика&lt;/li&gt;
                  &lt;li class="span2" id="LPU"&gt;ЛПУ&lt;/li&gt; 
                  &lt;li class="span2" id="content"&gt;Состав&lt;/li&gt;
                  &lt;li class="span2" id="add"&gt;Добавить&lt;/li&gt;
                  &lt;li class="span2" id="addParticipant"&gt;Участника&lt;/li&gt;
                  &lt;li class="span2" id="addLPU"&gt;ЛПУ&lt;/li&gt;
                  &lt;li class="span2" id="addAdmin"&gt;Администратора&lt;/li&gt;
              &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div id="mainContent" class="span9"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/urbR3.png" alt="enter image description here"></p>
  
  <p>I want a navbar <code>&lt;li&gt;</code> elements to be closer to left border of div.
  I've been trying different css solutions like:</p>
  
  <pre><code>ul
  {
      list-style:none;
      padding-left:0px;
      margin-left: 0px;
      background-color: red;
  }
  </code></pre>
  
  <p>But nothing has helped me yet.
  Any suggestions?</p>