Удалить границу из бутстрапового аккордеона

Я застрял на этой (по-видимому легкой) вещи, которую я не могу решить. Я использую Bootstrap 3.2.0, и я не могу удалить линию между заголовком панели аккордеона и телом панели, пока все остальные границы и тень не исчезают. Я уже пробовал каждое предложение, которое возможно было дано перед публикацией, но не получилось. Это HTML-код:Удалить границу из бутстрапового аккордеона

<ul class="nav nav-pills nav-stacked"> 
    <div class="panel-group" id="accordion"> 
    <div class="panel panel-default"> 
     <div class="panel-heading"> 
     <p class="panel-title"> 
      <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">PROJECTS</a> 
     </p> 
     </div> 
     <div id="collapse1" class="panel-collapse collapse"> 
     <div class="panel-body"> 
      <ul> 
      <li><a href="#napoli" tabindex="-1" data-toggle="tab">NAPOLI</a></li> 
      <li><a href="#portraits" tabindex="-1" data-toggle="tab">PORTRAITS</a></li> 
      </ul> 
     </div> 
     </div> 
    </div> 
    </div> 
    </ul> 
</div>

А вот соответствующий CSS до сих пор ...

.panel-group{ 
    margin:0; 
} 

.panel{ 
    border:none; 
    box-shadow:none; 
} 

.panel-heading{ 
    padding:0; 
}

This как это выглядит следующим образом:

источник

2015-03-04 Marcello

Я нахожусь на своем телефоне, но я вижу плохую тег после слова Napoli.

Я не думаю, что тень является шаблоном Bootstrap для аккордеона, то есть я думаю, что вы выбираете его где-то еще. Когда вы проверяете элемент, какой элемент имеет тень? – plushyObject

В поле css отсутствует заголовок панели. Добавьте его и установите границу до 0 –

НЕ ИСПОЛЬЗОВАТЬ !ВАЖНЫЙ.

Это работает:

.panel, .panel-group .panel-heading+.panel-collapse>.panel-body{ 
    border: none; 
}

источник

2015-03-04 22:51:22 plushyObject

Получил это мужчина! Большое спасибо! – Marcello

Anytime man no problemo – plushyObject

Можно также добавить «box-shadow: none;» удалить, что выглядит как нижняя граница –

.panel тело {границы сверху: 0 важно,!}

Это берет на себя вопрос, но, возможно, было бы лучше, чтобы добавить пользовательский класс , или встроенный стиль, который удаляет только границу.

источник

2015-03-04 22:58:45 Mackan

Спасибо! Это сработало ... Ты сделал мой день! :) – Marcello

Не переоценивайте! Важно. Это плохо. Мое решение - лучший чувак. – plushyObject

Использование! Важно, похоже, что вы не знаете, что делаете. – plushyObject

Удалить границу из бутстрапового аккордеона

ответ

Смежные вопросы