Log Template

by Rushan Sakhibgareev

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css">
<div class="panel-group" id="accordion">
  <div class="panel panel-default" id="panel1">
    <div class="panel-heading">
      <h4 class="panel-title">
           &nbsp Select Template
           <select name="text" style="width:30%;float:right;text-align-last:center"> 
              <option value="value1">Well</option> 
              <option value="value2" selected>EOWR</option>
              <option value="value3">Profile</option>
           </select>
           <!-- <input type="text" style="width:20%;float:right"/> -->
        </h4>
    </div>
    <div class="panel-heading">
      <h4 class="panel-title">
           &nbsp Template Name
           <input type="text" style="width:30%;float:right;text-align-last:center" value="EOWR"/>
        </h4>
    </div>
    <div class="panel-heading">
      <h4 class="panel-title">
           &nbsp Profile Fraction
           <input type="text" style="width:30%;float:right;text-align-last:center" value="1.0"/>
        </h4>
    </div>
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-target="#collapseOne" 
           href="#collapseOne">
           &nbsp Tracks
        </a><span class="glyphicon glyphicon-plus" style="float:right"></span>
      </h4>
    </div>
    <div id="collapseOne" class="panel-collapse collapse in">
      <div class="panel-body panel-default">
        <div class="panel-heading">
          <h4 class="panel-title">
              <a data-toggle="collapse" data-target="#collapse11" 
                 href="#collapse11">
                 &nbsp 1. Track Type
              </a>
              <select name="text" style="width:30%;float:right;text-align-last:center"> 
               ...

CSS

.panel-heading a:after {
  font-family: 'Glyphicons Halflings';
  content: "\e114";
  float: left;
  color: grey;
}

.panel-heading a.collapsed:after {
  content: "\e080";
}