die Grenzen von Bootstrap Akkordeon Steuer

Question

Hier Entfernen ist der Code, mit zu spielen:

Bootply

$('.collapse').on('shown.bs.collapse', function() { 
 
    $("span").addClass('glyphicon-chevron-up').removeClass('glyphicon-chevron-down'); 
 
    }); 
 

 
$('.collapse').on('hidden.bs.collapse', function() { 
 
    $("span").addClass('glyphicon-chevron-down').removeClass('glyphicon-chevron-up'); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="container"> 
 

 

 
    <div class="panel-group" id="accordionMessagesSetup"> 
 
     <div class="panel panel-default"> 
 
      <div class="panel-heading"> 
 
       <h4 class="panel-title"> 
 
        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionMessagesSetup" href="#collapseMessagesSetup"> 
 
         <span class="glyphicon glyphicon-chevron-up"></span> 
 
         Message Setup 
 
        </a> 
 
       </h4> 
 
      </div> 
 
      <div id="collapseMessagesSetup" class="panel-collapse collapse in"> 
 
       <div class="container"> 
 
        
 
        <p> my content goes here... </p> 
 

 
       </div> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</div>

Wie kann ich die Ränder um meine Platte, mit Ausnahme der oben entfernen ein? Ich möchte die obere Grenze, aber nicht die links, rechts oder unten. Sorry, wenn es zu einfach scheint; Ich bin neu im ganzen Web-Entwickler-Stack.

Answer 1

Verwenden Sie die Eigenschaften border-width.

Überprüfen Sie die CSS in diesem Code: „Wie kann ich tun, X zu diesem Code“ Bootply