Я ищу решение CSS для создания кнопки для включения и выключения боковой панели с помощью Twitter bootstrap.I '

Мне нравится один из тех маленьких значков, которые есть у людей на их веб-странице, которые выглядят как вкладка для извлечения, когда боковая панель закрыта, а затем следует за боковой панелью, когда она вытягивается - у нее есть имя? I '

Для этого мы создали ссылку на значок toggleSidebar, но у меня есть две проблемы:

Я могу't заставить его плавать с боковой панелью, используя float: left или display: inline-blockИсправлено, это создает столбец этогоs собственной ... Я хочу, чтобы он плавал поверх основного контента.

HTML:

  
    
      
    
    
      
    
    <a id="toggleSidebar" href="#" class="toggles"></a>
  

CSS:

#toggleSidebar {
  /* float: left; */
  /* display:inline-block; */
  position:fixed;
  display:block;
  left:0;
  top:45px;
  color:#779DD7;
  padding:2px 4px;
}

JavaScript

function sidebar(panels) {
  if (panels === 1) {
    $('#content').removeClass('span9');
    $('#content').addClass('span12 no-sidebar');
    $('#sidebar').hide();
  } else if (panels === 2) {
    $('#content').removeClass('span12 no-sidebar');
    $('#content').addClass('span9');
    $('#sidebar').show();
  }
}

$('#toggleSidebar').click(function() {
  if ($.asm.panels === 1) {
    $('#toggleSidebar i').addClass('icon-chevron-left');
    $('#toggleSidebar i').removeClass('icon-chevron-right');
    return sidebar(2);
  } else {
    $('#toggleSidebar i').removeClass('icon-chevron-left');
    $('#toggleSidebar i').addClass('icon-chevron-right');
    return sidebar(1);
  }
})

Рабочий пример этого:http://jsfiddle.net/amorris/dmyTR/

За жизнь во мне я могуне найти пример в Интернете - но здесьбыстрый рисунок того, что ям после:

Это'немного похоже на эффект @http://simplerealtytheme.com/plugins/pullout-widgets/ - Похоже, ониповторное использование дисплея: блок; ясно: оба; и затем расположите язычок абсолютно внутри div с отрицательным правым положением.