<?xml version="1.0" encoding="utf-8"?>
<framework>
    <frameworkName>Bootstrap</frameworkName>
    <frameworkVersionSupportFrom>3.2</frameworkVersionSupportFrom>
    <frameworkVersionRegex>v([.\d]+[.\d])</frameworkVersionRegex>
    <numBreakpoints>3</numBreakpoints>
    <mediaQueryRegex>\(min-width:\s*\d+\.?\d*</mediaQueryRegex>
    <gridContainerClass>container</gridContainerClass>
    <gridFluidContainerClass>container-fluid</gridFluidContainerClass>
    <rowClass>row</rowClass>
    <resize>
        <dependsOnMaxCols>false</dependsOnMaxCols>
        <resizeClassRegex>col-xs-[\d]+</resizeClassRegex>
        <resizeClassRegex>col-sm-[\d]+</resizeClassRegex>
        <resizeClassRegex>col-md-[\d]+</resizeClassRegex>
        <resizeClassRegex>col-lg-[\d]+</resizeClassRegex>
    </resize>
    <offset>
        <dependsOnMaxCols>false</dependsOnMaxCols>
        <offsetClassRegex>col-xs-offset-[\d]+</offsetClassRegex>
        <offsetClassRegex>col-sm-offset-[\d]+</offsetClassRegex>
        <offsetClassRegex>col-md-offset-[\d]+</offsetClassRegex>
        <offsetClassRegex>col-lg-offset-[\d]+</offsetClassRegex>
    </offset>
    <hide>
        <hideClassRegex>hidden-xs</hideClassRegex>
        <hideClassRegex>hidden-sm</hideClassRegex>
        <hideClassRegex>hidden-md</hideClassRegex>
        <hideClassRegex>hidden-lg</hideClassRegex>
    </hide>
    <unhide noRegex="true">
    </unhide>
    <defaultMqBreakpoints>
        <defaultBreakPointMinWidths>768</defaultBreakPointMinWidths>
        <defaultBreakPointMinWidths>992</defaultBreakPointMinWidths>
        <defaultBreakPointMinWidths>1200</defaultBreakPointMinWidths>    
    </defaultMqBreakpoints>
    <totalNumOfCols>12</totalNumOfCols>
    <components>
        <container><![CDATA[<div class="container"></div>]]></container>
        <container-fluid><![CDATA[<div class="container-fluid"></div>]]></container-fluid>
        <accordion><![CDATA[<div class="panel-group" id="UNIQID-GET-accordion">
        <div class="panel panel-default">
          <div class="panel-heading">
            <h4 class="panel-title"><a data-toggle="collapse" data-parent="#UNIQID-SET-accordion" href="#UNIQID-SET-collapseOne">Collapsible Group 1</a></h4>
          </div>
          <div id="UNIQID-GET-collapseOne" class="panel-collapse collapse in">
            <div class="panel-body">Content for Accordion Panel 1</div>
          </div>
        </div>
        <div class="panel panel-default">
          <div class="panel-heading">
            <h4 class="panel-title"><a data-toggle="collapse" data-parent="#UNIQID-SET-accordion" href="#UNIQID-SET-collapseTwo">Collapsible Group 2</a></h4>
          </div>
          <div id="UNIQID-GET-collapseTwo" class="panel-collapse collapse">
            <div class="panel-body">Content for Accordion Panel 2</div>
          </div>
        </div>
        <div class="panel panel-default">
          <div class="panel-heading">
            <h4 class="panel-title"><a data-toggle="collapse" data-parent="#UNIQID-SET-accordion" href="#UNIQID-SET-collapseThree">Collapsible Group 3</a></h4>
          </div>
          <div id="UNIQID-GET-collapseThree" class="panel-collapse collapse">
            <div class="panel-body">Content for Accordion Panel 3</div>
          </div>
        </div>
      </div>
]]></accordion>
        <label-default><![CDATA[<span class="label label-default">Default Label</span>]]></label-default>
        <label-primary><![CDATA[<span class="label label-primary">Primary Label</span>]]></label-primary>
        <label-success><![CDATA[<span class="label label-success">Success Label</span>]]></label-success>
        <label-info><![CDATA[<span class="label label-info">Info Label</span>]]></label-info>
        <label-warning><![CDATA[<span class="label label-warning">Warning Label</span>]]></label-warning>
        <label-danger><![CDATA[<span class="label label-danger">Danger Label</span>]]></label-danger>
        <responsive-embed><![CDATA[<div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="http://tv.adobe.com/embed/1221/24197/"></iframe> </div>]]></responsive-embed>
        <tab><![CDATA[<div role="tabpanel"><ul class="nav nav-tabs" role="tablist">
   <li class="active"><a href="#UNIQID-SET-home" data-toggle="tab" role="tab">Tab 1</a></li>
   <li><a href="#UNIQID-SET-paneTwo" data-toggle="tab" role="tab">Tab 2</a></li>
   <li class="dropdown"><a href="#" id="UNIQID-GET-tabDropOne" class="dropdown-toggle" data-toggle="dropdown" role="tab">Tab 3 Dropdown<b class="caret"></b></a>
      <ul class="dropdown-menu" role="menu" aria-labelledby="UNIQID-SET-tabDropOne">
         <li><a href="#UNIQID-SET-tabDropDownOne" tabindex="-1" data-toggle="tab">Dropdown Link 1</a></li>
         <li><a href="#UNIQID-SET-tabDropDownTwo" tabindex="-1" data-toggle="tab">Dropdown Link 2</a></li>
      </ul>
   </li>
</ul>
<div id="UNIQID-GET-tabContent" class="tab-content">
   <div class="tab-pane fade in active" id="UNIQID-GET-home">
      <p>Content in <b>Tab Panel 1</b></p>
   </div>
   <div class="tab-pane fade" id="UNIQID-GET-paneTwo">
      <p>Content 2</p>
   </div>
   <div class="tab-pane fade" id="UNIQID-GET-tabDropDownOne">
      <p>Dropdown content#1</p>
   </div>
   <div class="tab-pane fade" id="UNIQID-GET-tabDropDownTwo">
      <p>Dropdown content#2
      </p>
   </div>
</div>
</div>
]]></tab>
        <thumbnails><![CDATA[<div class="row">
  <div class="col-md-4">
    <div class="thumbnail"><img src="GET-IMG-ABSOLUTEPATH" alt="Thumbnail Image 1">
      <div class="caption">
        <h3>Thumbnail 1 label</h3>
        <p>Optional content and buttons for Thumbnail #1</p>
        <p><a href="#" class="btn btn-primary" role="button">Button</a><a href="#" class="btn btn-default" role="button">Button</a></p>
      </div>
    </div>   
  </div>
</div>]]></thumbnails>
        <wells><![CDATA[<div class="well">This is the content inside a normal well. Use class 'well-lg' or 'well-sm' for large and small well, respectively.</div>]]></wells>
        <breadcrumbs><![CDATA[<ol class="breadcrumb">
  <li><a href="#">Home</a></li>
  <li><a href="#">Library</a></li>
  <li class="active">Data</li>
</ol>
]]></breadcrumbs>
        <carousel><![CDATA[<div id="UNIQID-GET-carousel" class="carousel slide" data-ride="carousel">
      <ol class="carousel-indicators">
        <li data-target="#UNIQID-SET-carousel" data-slide-to="0" class="active"></li>
        <li data-target="#UNIQID-SET-carousel" data-slide-to="1"></li>
        <li data-target="#UNIQID-SET-carousel" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner" role="listbox">
        <div class="item active"><img src="GET-IMG-ABSOLUTEPATH" alt="First slide image" class="center-block">
          <div class="carousel-caption">
            <h3>First slide Heading</h3>
            <p>First slide Caption</p>
          </div>
        </div>
        <div class="item"><img src="GET-IMG-ABSOLUTEPATH" alt="Second slide image" class="center-block">
          <div class="carousel-caption">
            <h3>Second slide Heading</h3>
            <p>Second slide Caption</p>
          </div>
        </div>
        <div class="item"><img src="GET-IMG-ABSOLUTEPATH" alt="Third slide image" class="center-block">
          <div class="carousel-caption">
            <h3>Third slide Heading</h3>
            <p>Third slide Caption</p>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="#UNIQID-SET-carousel" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span><span class="sr-only">Previous</span></a><a class="right carousel-control" href="#UNIQID-SET-carousel" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span><span class="sr-only">Next</span></a></div>
]]></carousel>
        <jumbotron><![CDATA[<div class="jumbotron"><h1>Hello, world!</h1>
      <p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
      <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p></div>]]></jumbotron>
        <panels><![CDATA[<div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title">Panel title</h3>
  </div>
  <div class="panel-body">
    Panel content
  </div>
  <div class="panel-footer">Panel footer</div>
</div>
]]></panels>
        <pagination-case4><![CDATA[<ul class="pager">
  <li class="previous disabled"><a href="#">&larr; Older</a></li>
  <li class="next"><a href="#">Newer &rarr;</a></li>
</ul>
]]></pagination-case4>
        <pagination-case3><![CDATA[<ul class="pager">
  <li><a href="#">Previous</a></li>
  <li><a href="#">Next</a></li>
</ul>
]]></pagination-case3>
        <pagination-case2><![CDATA[<nav>
  <!-- Add class .pagination-lg for larger blocks or .pagination-sm for smaller blocks-->
  <ul class="pagination">
    <li><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
    <li class="active"><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li class="disabled"><a href="#">5</a></li>
    <li><a href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>
  </ul>
</nav>
]]></pagination-case2>
        <pagination-case1><![CDATA[<nav>
  <!-- Add class .pagination-lg for larger blocks or .pagination-sm for smaller blocks-->
  <ul class="pagination">
    <li><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>
  </ul>
</nav>
]]></pagination-case1>
        <navbar-case4><![CDATA[<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#UNIQID-SET-inverseNavbar"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand" href="#">Brand</a></div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="UNIQID-GET-inverseNavbar">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Link<span class="sr-only">(current)</span></a></li>
        <li><a href="#">Link</a></li>
        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown<span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
            <li class="divider"></li>
            <li><a href="#">One more separated link</a></li>
          </ul>
        </li>
      </ul>
      <form class="navbar-form navbar-left" role="search">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="Search">
        </div>
        <button type="submit" class="btn btn-default">Submit</button>
      </form>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#">Link</a></li>
        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown<span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
]]></navbar-case4>
        <navbar-case3><![CDATA[<nav class="navbar navbar-default navbar-fixed-bottom">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#UNIQID-SET-bottomFixedNavbar"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand" href="#">Brand</a></div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="UNIQID-GET-bottomFixedNavbar">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Link<span class="sr-only">(current)</span></a></li>
        <li><a href="#">Link</a></li>
        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown<span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
            <li class="divider"></li>
            <li><a href="#">One more separated link</a></li>
          </ul>
        </li>
      </ul>
      <form class="navbar-form navbar-left" role="search">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="Search">
        </div>
        <button type="submit" class="btn btn-default">Submit</button>
      </form>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#">Link</a></li>
        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown<span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
]]></navbar-case3>
        <navbar-case2><![CDATA[<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#UNIQID-SET-topFixedNavbar"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand" href="#">Brand</a></div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="UNIQID-GET-topFixedNavbar">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Link<span class="sr-only">(current)</span></a></li>
        <li><a href="#">Link</a></li>
        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown<span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
            <li class="divider"></li>
            <li><a href="#">One more separated link</a></li>
          </ul>
        </li>
      </ul>
      <form class="navbar-form navbar-left" role="search">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="Search">
        </div>
        <button type="submit" class="btn btn-default">Submit</button>
      </form>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#">Link</a></li>
        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown<span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
]]></navbar-case2>
        <navbar-case1><![CDATA[<nav class="navbar navbar-default">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#UNIQID-SET-defaultNavbar"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand" href="#">Brand</a></div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="UNIQID-GET-defaultNavbar">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Link<span class="sr-only">(current)</span></a></li>
        <li><a href="#">Link</a></li>
        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown<span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
            <li class="divider"></li>
            <li><a href="#">One more separated link</a></li>
          </ul>
        </li>
      </ul>
      <form class="navbar-form navbar-left" role="search">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="Search">
        </div>
        <button type="submit" class="btn btn-default">Submit</button>
      </form>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#">Link</a></li>
        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown<span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
]]></navbar-case1>
        <nav-case4><![CDATA[<ul class="nav nav-pills">
        <li class="active"><a href="#">Pill 1</a></li>
        <li><a href="#">Pill 2</a></li>
        <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Dropdown<b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated Link</a></li>
            </ul>
        </li>
    </ul>
]]></nav-case4>
        <nav-case3><![CDATA[<ul class="nav nav-pills">
  <li role="presentation" class="active"><a href="#">Pill 1</a></li>
  <li role="presentation"><a href="#">Pill 2</a></li>
  <li role="presentation"><a href="#">Pill 3</a></li>
  <li class="disabled"><a href="#">Disabled pill</a></li>
</ul>
]]></nav-case3>
        <nav-case2><![CDATA[<ul class="nav nav-tabs">
        <li class="active"><a href="#">Tab 1</a></li>
        <li><a href="#">Tab 2</a></li>
        <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Dropdown<b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated Link</a></li>
            </ul>
        </li>
    </ul>
]]></nav-case2>
        <nav-case1><![CDATA[<ul class="nav nav-tabs">
  <li role="presentation" class="active"><a href="#">Tab 1</a></li>
  <li role="presentation"><a href="#">Tab 2</a></li>
  <li role="presentation"><a href="#">Tab 3</a></li>
  <li class="disabled"><a href="#">Disabled tab</a></li>
</ul>
]]></nav-case1>
        <media-object-case2>
            <newer><![CDATA[<ul class="media-list">
      <li class="media">
        <div class="media-left"><a href="#"><img class="media-object" src="GET-IMG-ABSOLUTEPATH" alt="placeholder image"></a></div>
        <div class="media-body">
          <h4 class="media-heading">Media heading </h4>
          <p>This is the content inside the media-body of the Media List.</p>
          <!-- Nested media object -->
          <div class="media">
            <div class="media-left"><a href="#"><img class="media-object" src="GET-IMG-ABSOLUTEPATH" alt="placeholder image"></a></div>
            <div class="media-body">
              <h4 class="media-heading">Nested media heading</h4>
              This is the content inside the nested media-body of the Media List.
              <!-- Nested media object -->
              <div class="media">
                <div class="media-left"><a href="#"><img class="media-object" src="GET-IMG-ABSOLUTEPATH" alt="placeholder image"></a></div>
                <div class="media-body">
                  <h4 class="media-heading">Nested media heading</h4>
                  This is the content inside the nested media-body of the Media List.
                </div>
              </div>
            </div>
          </div>
          <!-- Nested media object -->
          <div class="media">
            <div class="media-left"><a href="#"><img class="media-object" src="GET-IMG-ABSOLUTEPATH" alt="placeholder image"></a></div>
            <div class="media-body">
              <h4 class="media-heading">Nested media heading</h4>
              This is the content inside the nested media-body of the Media List.
            </div>
          </div>
        </div>
      </li>
    </ul>]]></newer>
            <older><![CDATA[<ul class="media-list">
        <li class="media"><a href="#" class="pull-left"><img src="GET-IMG-ABSOLUTEPATH" class="media-object" alt="Sample Image"></a><div class="media-body">
                <h4 class="media-heading">Media Heading</h4>
                <p>This is the content inside the media-body of the Media List.</p>
                <!-- Nested media object -->
                <div class="media"><a href="#" class="pull-left"><img src="GET-IMG-ABSOLUTEPATH" class="media-object" alt="Sample Image"></a><div class="media-body">
                        <h4 class="media-heading">Nested Media Heading</h4>
                        <p>This is the content inside the nested media-body of the Media List..</p>
                        <!-- Nested media object -->
                        <div class="media"><a href="#" class="pull-left"><img src="GET-IMG-ABSOLUTEPATH" class="media-object" alt="Sample Image"></a><div class="media-body">
                                <h4 class="media-heading">Nested Media Heading</h4>
                                <p>This is the content inside the nested media-body of the Media List.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Nested media object -->
                <div class="media"><a href="#" class="pull-left"><img src="GET-IMG-ABSOLUTEPATH" class="media-object" alt="Sample Image"></a><div class="media-body">
                        <h4 class="media-heading">Nested Media Heading</h4>
                        <p>This is the content inside the nested media-body of the Media List.</p>
                    </div>
                </div>
            </div>
        </li>
    </ul>]]></older>
        </media-object-case2>
        <media-object-case1>
            <newer><![CDATA[<div class="media-object-default">
<div class="media">
    <div class="media-left"><a href="#"><img class="media-object" src="GET-IMG-ABSOLUTEPATH" alt="placeholder image"></a></div>
      <div class="media-body">
        <h4 class="media-heading">Media heading 1</h4>
        This is the content inside the media-body. By default the media is top-aligned. Use class 'media-middle' or 'media-bottom' to middle align or bottom align them, respectively.
      </div>
    </div>
    <div class="media">
      <div class="media-left"><a href="#"><img class="media-object" src="GET-IMG-ABSOLUTEPATH" alt="placeholder image"></a></div>
      <div class="media-body">
        <h4 class="media-heading">Media heading 2</h4>
        This is the content inside the media-body. By default the media is top-aligned. Use class 'media-middle' or 'media-bottom' to middle align or bottom align them, respectively.
        <div class="media">
          <div class="media-left"><a href="#"><img class="media-object" src="GET-IMG-ABSOLUTEPATH" alt="placeholder image"></a></div>
          <div class="media-body">
            <h4 class="media-heading">Nested media heading</h4>
            This is the content inside the nested media-body. By default the media is top-aligned. Use class 'media-middle' or 'media-bottom' to middle align or bottom align them, respectively.
          </div>
        </div>
      </div>
    </div>
    <div class="media">
      <div class="media-body">
        <h4 class="media-heading">Media heading 4</h4>
        This is the content inside the media-body. By default the media is top-aligned. Use class 'media-middle' or 'media-bottom' to middle align or bottom align them, respectively.
      </div>
      <div class="media-right"><a href="#"><img class="media-object" src="GET-IMG-ABSOLUTEPATH" alt="placeholder image"></a></div>
    </div>
    <div class="media">
      <div class="media-left"><a href="#"><img class="media-object" src="GET-IMG-ABSOLUTEPATH" alt="placeholder image"></a></div>
      <div class="media-body">
        <h4 class="media-heading">Media heading 5</h4>
        This is the content inside the media-body. By default the media is top-aligned. Use class 'media-middle' or 'media-bottom' to middle align or bottom align them, respectively.
      </div>
      <div class="media-right"><a href="#"><img class="media-object" src="GET-IMG-ABSOLUTEPATH" alt="placeholder image"></a></div>
    </div>
 </div>]]></newer>
            <older><![CDATA[<ul class="media-list"><a class="pull-left" href="#"><img class="media-object" src="GET-IMG-ABSOLUTEPATH" alt="Generic placeholder image"></a><div class="media-body">
         <h4 class="media-heading">Media heading</h4>
         <p>This is some sample text. This is some sample text. 
            This is some sample text. This is some sample text.
            This is some sample text. This is some sample text. 
            This is some sample text. This is some sample text.</p>
         <!-- Nested media object -->
         <div class="media"><a class="pull-left" href="#"><img class="media-object" src="GET-IMG-ABSOLUTEPATH" alt="Generic placeholder image"></a><div class="media-body">
               <h4 class="media-heading">Nested media heading</h4>
               This is some sample text. This is some sample text. 
               This is some sample text. This is some sample text.
               This is some sample text. This is some sample text. 
               This is some sample text. This is some sample text.
               <!-- Nested media object -->
               <div class="media"><a class="pull-left" href="#"><img class="media-object" src="GET-IMG-ABSOLUTEPATH" alt="Generic placeholder image"></a><div class="media-body">
                     <h4 class="media-heading">Nested media heading</h4>
                     This is some sample text. This is some sample text. 
                     This is some sample text. This is some sample text.
                     This is some sample text. This is some sample text. 
                     This is some sample text. This is some sample text.
                  </div>
               </div>
            </div>
         </div>
      </div>
   <li class="media"><a class="pull-right" href="#"><img class="media-object" src="GET-IMG-ABSOLUTEPATH" alt="Generic placeholder image"></a><div class="media-body">
         <h4 class="media-heading">Media heading</h4>
         This is some sample text. This is some sample text. 
         This is some sample text. This is some sample text.
         This is some sample text. This is some sample text. 
         This is some sample text. This is some sample text.
      </div>
   </li>
   <li class="media"><a class="pull-left" href="#"><img class="media-object" src="GET-IMG-ABSOLUTEPATH" alt="Generic placeholder image"></a><a class="pull-right" href="#"><img class="media-object" src="GET-IMG-ABSOLUTEPATH" alt="Generic placeholder image"></a><div class="media-body">
         <h4 class="media-heading">Media heading</h4>
         This is some sample text. This is some sample text. 
         This is some sample text. This is some sample text.
         This is some sample text. This is some sample text. 
         This is some sample text. This is some sample text.
      </div>
   </li>
</ul>]]></older>
        </media-object-case1>
        <list-group-case2><![CDATA[<ul class="list-group">
    <li class="list-group-item">Default List Group item </li>
    <li class="list-group-item"><span class="badge">New</span>List Group item 1 with badge</li> 
  </ul>
]]></list-group-case2>
        <list-group-case1><![CDATA[<div class="list-group"><a href="#" class="list-group-item active">
      <h4 class="list-group-item-heading">Active List Group Item Heading</h4>
      <p class="list-group-item-text">List Group Item Text</p></a><a href="#" class="list-group-item">
      <h4 class="list-group-item-heading">Second List Group Item Heading</h4>
      <p class="list-group-item-text">List Group Item Text</p></a><a class="list-group-item disabled">
      <h4 class="list-group-item-heading">Disabled Group Item Heading</h4>
      <p class="list-group-item-text">Disabled Group Item Text</p></a></div>
]]></list-group-case1>
        <input-groups-case5><![CDATA[<div class="row">
      <div class="col-lg-6">
        <div class="input-group">
          <div class="input-group-btn">
            <button type="button" class="btn btn-default">Dropdown1</button>
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
            <ul class="dropdown-menu" role="menu">
              <li><a href="#">Dropdown Link 1</a></li>
              <li><a href="#">Dropdown Link 2</a></li>
            </ul>
          </div>
          <input type="text" class="form-control" aria-label="Text input with segmented button dropdown">
        </div><!-- /.input-group -->
      </div><!-- /.col-lg-6 -->
      <div class="col-lg-6">
        <div class="input-group">
          <input type="text" class="form-control" aria-label="Text input with segmented button dropdown">
          <div class="input-group-btn">
            <button type="button" class="btn btn-default">Dropdown2</button>
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
            <ul class="dropdown-menu dropdown-menu-right" role="menu">
              <li><a href="#">Dropdown Link 1</a></li>
              <li><a href="#">Dropdown Link 2</a></li>
            </ul>
          </div>
        </div><!-- /.input-group -->
      </div><!-- /.col-lg-6 -->
    </div>]]></input-groups-case5>
        <input-groups-case4><![CDATA[<div class="row">
      <div class="col-lg-6">
        <div class="input-group">
          <div class="input-group-btn">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Dropdown1<span class="caret"></span></button>
            <ul class="dropdown-menu" role="menu">
              <li><a href="#">Dropdown Link 1</a></li>
              <li><a href="#">Dropdown Link 2</a></li>
            </ul>
          </div><!-- /btn-group -->
          <input type="text" class="form-control" aria-label="Text input with dropdown button">
        </div><!-- /input-group -->
      </div><!-- /.col-lg-6 -->
      <div class="col-lg-6">
        <div class="input-group">
          <input type="text" class="form-control" aria-label="Text input with dropdown button">
          <div class="input-group-btn">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Dropdown2<span class="caret"></span></button>
            <ul class="dropdown-menu dropdown-menu-right" role="menu">
              <li><a href="#">Dropdown Link 1</a></li>
              <li><a href="#">Dropdown Link 2</a></li>
            </ul>
          </div><!-- /btn-group -->
        </div><!-- /input-group -->
      </div><!-- /.col-lg-6 -->
    </div>]]></input-groups-case4>
        <input-groups-case3><![CDATA[<div class="row">
         <div class="col-lg-6">
            <div class="input-group"><span class="input-group-btn">
                  <button class="btn btn-default" type="button">Button1!</button></span>
               <input type="text" class="form-control" placeholder="placeholder content">
            </div><!-- /input-group -->
         </div><!-- /.col-lg-6 -->
         <div class="col-lg-6">
            <div class="input-group">
               <input type="text" class="form-control" placeholder="placeholder content"><span class="input-group-btn">
                  <button class="btn btn-default" type="button">Button2!</button></span></div><!-- /input-group -->
         </div><!-- /.col-lg-6 -->
      </div>]]></input-groups-case3>
        <input-groups-case2><![CDATA[<div class="row">
         <div class="col-lg-6">
            <div class="input-group"><span class="input-group-addon">
                  <input type="checkbox"></span>
               <input type="text" class="form-control" placeholder="placeholder text">
            </div><!-- /input-group -->
         </div><!-- /.col-lg-6 -->
         <div class="col-lg-6">
            <div class="input-group"><span class="input-group-addon">
                  <input type="radio"></span>
               <input type="text" class="form-control" placeholder="placeholder text">
            </div><!-- /input-group -->
         </div><!-- /.col-lg-6 -->
      </div>]]></input-groups-case2>
        <input-groups-case1><![CDATA[<div>
        <div class="input-group"><span class="input-group-addon">@</span>
         <input type="text" class="form-control" placeholder="normal sized input group">
      </div>
      <div class="input-group">
         <input type="text" class="form-control" placeholder="placeholder content"><span class="input-group-addon">@example.com</span></div>
      <div class="input-group"><span class="input-group-addon">$</span>
         <input type="text" class="form-control" placeholder="placeholder content"><span class="input-group-addon">.00</span></div>
    </div>]]></input-groups-case1>
        <button-groups-case5><![CDATA[<div class="btn-group btn-group-justified" role="group" aria-label="Justified button group with nested dropdown"><a href="#" class="btn btn-default" role="button">Button 1</a><a href="#" class="btn btn-default" role="button">Button 2</a><div class="btn-group" role="group"><a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown<span class="caret"></span></a>
        <ul class="dropdown-menu" role="menu">
          <li><a href="#">Dropdown link 1</a></li>
          <li><a href="#">Dropdown link 2</a></li>
        </ul>
      </div>
    </div>]]></button-groups-case5>
        <button-groups-case4><![CDATA[<div class="btn-group" role="group">
      <button type="button" class="btn btn-default">Button 1</button>
      <button type="button" class="btn btn-default">Button 2</button>
      <div class="btn-group" role="group">
        <button id="UNIQID-GET-btnDropdown" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Dropdown<span class="caret"></span></button>
        <ul class="dropdown-menu" role="menu" aria-labelledby="UNIQID-SET-btnDropdown">
          <li><a href="#">Dropdown link 1</a></li>
          <li><a href="#">Dropdown link 2</a></li>
        </ul>
      </div>
    </div>]]></button-groups-case4>
        <button-groups-case3><![CDATA[<div class="btn-group-vertical" role="group" aria-label="Vertical button group">
      <button type="button" class="btn btn-default">Button 1</button>
      <button type="button" class="btn btn-default">Button 2</button>
      <div class="btn-group" role="group">
        <button id="UNIQID-GET-btnDropOne" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Dropdown 1<span class="caret"></span></button>
        <ul class="dropdown-menu" role="menu" aria-labelledby="UNIQID-SET-btnDropOne">
          <li><a href="#">Dropdown link 1</a></li>
          <li><a href="#">Dropdown link 2</a></li>
        </ul>
      </div>
    </div>]]></button-groups-case3>
        <button-groups-case2><![CDATA[<div class="btn-toolbar" role="toolbar">
      <div class="btn-group" role="group">
        <button type="button" class="btn btn-default">B1</button>
        <button type="button" class="btn btn-default">B2</button>
      </div>
      <div class="btn-group" role="group">
        <button type="button" class="btn btn-primary">primary</button>
        <button type="button" class="btn btn-info">info</button>
        <button type="button" class="btn btn-success">success</button>
        <button type="button" class="btn btn-warning">warning</button>
        <button type="button" class="btn btn-danger">danger</button>
      </div>      
    </div>]]></button-groups-case2>
        <button-groups-case1><![CDATA[<div class="btn-group" role="group">
  <button type="button" class="btn btn-default">Button 1</button>
  <button type="button" class="btn btn-default disabled">Disabled Button</button>
  <button type="button" class="btn btn-default active">Active Button</button>
</div>]]></button-groups-case1>
        <glyphicon-ok><![CDATA[<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>]]></glyphicon-ok>
        <glyphicon-envelope><![CDATA[<span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>]]></glyphicon-envelope>
        <glyphicon-home><![CDATA[<span class="glyphicon glyphicon-home" aria-hidden="true"></span>]]></glyphicon-home>
        <glyphicon-remove><![CDATA[<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>]]></glyphicon-remove>
        <glyphicon-menu><![CDATA[<span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span>]]></glyphicon-menu>
        <input-groups-large><![CDATA[<div>      
      <div class="input-group input-group-lg"><span class="input-group-addon">@</span>
         <input type="text" class="form-control" placeholder="large sized input group">
      </div>
      <div class="input-group input-group-lg">
         <input type="text" class="form-control" placeholder="placeholder content"><span class="input-group-addon">@example.com</span></div>
      <div class="input-group input-group-lg"><span class="input-group-addon">$</span>
         <input type="text" class="form-control" placeholder="placeholder content"><span class="input-group-addon">.00</span></div>
   </div>]]></input-groups-large>
        <input-groups-small><![CDATA[<div>
      <div class="input-group input-group-sm"><span class="input-group-addon">@</span>
         <input type="text" class="form-control" placeholder="small sized input group">
      </div>
      <div class="input-group input-group-sm">
         <input type="text" class="form-control" placeholder="placeholder content"><span class="input-group-addon">@example.com</span></div>
      <div class="input-group input-group-sm"><span class="input-group-addon">$</span>
         <input type="text" class="form-control" placeholder="placeholder content"><span class="input-group-addon">.00</span></div>
   </div>]]></input-groups-small>
        <button-splitDropdowns-warning><![CDATA[<div class="btn-group">
      <button type="button" class="btn btn-warning">Warning Button</button>
      <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
      <ul class="dropdown-menu" role="menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">First Link</a></li>    
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated Link</a></li>
  </ul>
    </div>]]></button-splitDropdowns-warning>
        <button-splitDropdowns-large><![CDATA[<div class="btn-group">
      <button type="button" class="btn btn-lg btn-default">Large Button</button>
      <button type="button" class="btn btn-lg btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
      <ul class="dropdown-menu" role="menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">First Link</a></li>    
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated Link</a></li>
  </ul>
    </div>]]></button-splitDropdowns-large>
        <button-splitDropdowns-small><![CDATA[<div class="btn-group">
      <button type="button" class="btn btn-sm btn-default">Small Button</button>
      <button type="button" class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
      <ul class="dropdown-menu" role="menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">First Link</a></li>    
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated Link</a></li>
  </ul>
    </div>]]></button-splitDropdowns-small>
        <button-splitDropdowns-primary><![CDATA[<div class="btn-group">
      <button type="button" class="btn btn-primary">Primary Button</button>
      <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
      <ul class="dropdown-menu" role="menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">First Link</a></li>    
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated Link</a></li>
  </ul>
    </div>]]></button-splitDropdowns-primary>
        <button-splitDropdowns-info><![CDATA[<div class="btn-group">
      <button type="button" class="btn btn-info">Info Button</button>
      <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
      <ul class="dropdown-menu" role="menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">First Link</a></li>    
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated Link</a></li>
  </ul>
    </div>]]></button-splitDropdowns-info>
        <button-splitDropdowns-default><![CDATA[<div class="btn-group">
      <button type="button" class="btn btn-default">Default Button</button>
      <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
      <ul class="dropdown-menu" role="menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">First Link</a></li>    
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated Link</a></li>
  </ul>
    </div>]]></button-splitDropdowns-default>
        <button-splitDropdowns-danger><![CDATA[<div class="btn-group">
      <button type="button" class="btn btn-danger">Danger Button</button>
      <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
      <ul class="dropdown-menu" role="menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">First Link</a></li>    
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated Link</a></li>
  </ul>
    </div>]]></button-splitDropdowns-danger>
        <button-splitDropdowns-success><![CDATA[<div class="btn-group">
      <button type="button" class="btn btn-success">Success Button</button>
      <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
      <ul class="dropdown-menu" role="menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">First Link</a></li>    
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated Link</a></li>
  </ul>
    </div>]]></button-splitDropdowns-success>
        <button-singleDropdowns-danger><![CDATA[<div class="btn-group">
      <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Danger button<span class="caret"></span></button>
      <ul class="dropdown-menu" role="menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">First Link</a></li>    
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated Link</a></li>
  </ul>
    </div>]]></button-singleDropdowns-danger>
        <button-singleDropdowns-default><![CDATA[<div class="btn-group">
      <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Default button<span class="caret"></span></button>
      <ul class="dropdown-menu" role="menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">First Link</a></li>    
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated Link</a></li>
  </ul>
    </div>]]></button-singleDropdowns-default>
        <button-singleDropdowns-success><![CDATA[<div class="btn-group">
      <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Success button<span class="caret"></span></button>
      <ul class="dropdown-menu" role="menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">First Link</a></li>    
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated Link</a></li>
  </ul>
    </div>]]></button-singleDropdowns-success>
        <button-singleDropdowns-info><![CDATA[<div class="btn-group">
      <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Info button<span class="caret"></span></button>
      <ul class="dropdown-menu" role="menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">First Link</a></li>    
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated Link</a></li>
  </ul>
    </div>]]></button-singleDropdowns-info>
        <button-singleDropdowns-primary><![CDATA[<div class="btn-group">
      <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Primary button<span class="caret"></span></button>
      <ul class="dropdown-menu" role="menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">First Link</a></li>    
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated Link</a></li>
  </ul>
    </div>]]></button-singleDropdowns-primary>
        <button-singleDropdowns-small><![CDATA[<div class="btn-group">
      <button type="button" class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Small button<span class="caret"></span></button>
      <ul class="dropdown-menu" role="menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">First Link</a></li>    
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated Link</a></li>
  </ul>
    </div>]]></button-singleDropdowns-small>
        <button-singleDropdowns-large><![CDATA[<div class="btn-group">
      <button type="button" class="btn btn-lg btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Large button<span class="caret"></span></button>
      <ul class="dropdown-menu" role="menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">First Link</a></li>    
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated Link</a></li>
  </ul>
    </div>]]></button-singleDropdowns-large>
        <button-singleDropdowns-warning><![CDATA[<div class="btn-group">
      <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Warning button<span class="caret"></span></button>
      <ul class="dropdown-menu" role="menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">First Link</a></li>    
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated Link</a></li>
  </ul>
    </div>]]>]]></button-singleDropdowns-warning>
        <button-dropups-danger><![CDATA[<div class="btn-group dropup">
        <button type="button" class="btn btn-danger">Danger Button</button>
        <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
        <ul class="dropdown-menu" role="menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">First Link</a></li>    
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated Link</a></li>
  </ul>
      </div>]]></button-dropups-danger>
        <button-dropups-default><![CDATA[<div class="btn-group dropup">
        <button type="button" class="btn btn-default">Default Button</button>
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
        <ul class="dropdown-menu" role="menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">First Link</a></li>    
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated Link</a></li>
  </ul>
      </div>]]></button-dropups-default>
        <button-dropups-success><![CDATA[<div class="btn-group dropup">
        <button type="button" class="btn btn-success">Success Button</button>
        <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
        <ul class="dropdown-menu" role="menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">First Link</a></li>    
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated Link</a></li>
  </ul>
      </div>]]></button-dropups-success>
        <button-dropups-info><![CDATA[<div class="btn-group dropup">
        <button type="button" class="btn btn-info">Info Button</button>
        <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
        <ul class="dropdown-menu" role="menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">First Link</a></li>    
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated Link</a></li>
  </ul>
      </div>]]></button-dropups-info>
        <button-dropups-primary><![CDATA[<div class="btn-group dropup">
        <button type="button" class="btn btn-primary">Primary Button</button>
        <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
        <ul class="dropdown-menu" role="menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">First Link</a></li>    
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated Link</a></li>
  </ul>
      </div>]]></button-dropups-primary>
        <button-dropups-small><![CDATA[<div class="btn-group dropup">
        <button type="button" class="btn btn-default btn-sm">Small Button</button>
        <button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
        <ul class="dropdown-menu" role="menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">First Link</a></li>    
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated Link</a></li>
  </ul>
      </div>]]></button-dropups-small>
        <button-dropups-large><![CDATA[<div class="btn-group dropup">
        <button type="button" class="btn btn-lg btn-default">Large Button</button>
        <button type="button" class="btn btn-lg btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
        <ul class="dropdown-menu" role="menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">First Link</a></li>    
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated Link</a></li>
  </ul>
      </div>]]></button-dropups-large>
        <button-dropups-warning><![CDATA[<div class="btn-group dropup">
        <button type="button" class="btn btn-warning">Warning Button</button>
        <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span><span class="sr-only">Toggle Dropdown</span></button>
        <ul class="dropdown-menu" role="menu">
    <li role="presentation" class="dropdown-header">Dropdown header 1</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">First Link</a></li>    
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled Link</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated Link</a></li>
  </ul>
      </div>]]></button-dropups-warning>
        <buttons-danger><![CDATA[<button type="button" class="btn btn-danger">Danger Button</button>]]></buttons-danger>
        <buttons-default><![CDATA[<button type="button" class="btn btn-default">Default Button</button>]]></buttons-default>
        <buttons-success><![CDATA[<button type="button" class="btn btn-success">Success Button</button>]]></buttons-success>
        <buttons-info><![CDATA[<button type="button" class="btn btn-info">Info Button</button>]]></buttons-info>
        <buttons-primary><![CDATA[<button type="button" class="btn btn-primary">Primary Button</button>]]></buttons-primary>
        <buttons-small><![CDATA[<button type="button" class="btn btn-sm btn-default">Small Button</button>]]></buttons-small>
        <buttons-large><![CDATA[<button type="button" class="btn btn-lg btn-default">Large Button</button>]]></buttons-large>
        <buttons-warning><![CDATA[<button type="button" class="btn btn-warning">Warning Button</button>]]></buttons-warning>
        <img-responsive-rounded><![CDATA[<img src="GET-IMG-ABSOLUTEPATH" class="img-rounded img-responsive" alt="Placeholder image">]]></img-responsive-rounded>
        <img-responsive-circle><![CDATA[<img src="GET-IMG-ABSOLUTEPATH" class="img-circle img-responsive" alt="Placeholder image">]]></img-responsive-circle>
        <img-responsive-thumbnail><![CDATA[<img src="GET-IMG-ABSOLUTEPATH" class="img-thumbnail img-responsive" alt="Placeholder image">]]></img-responsive-thumbnail>
        <img-responsive-default><![CDATA[<img src="GET-IMG-ABSOLUTEPATH" class="img-responsive" alt="Placeholder image">]]></img-responsive-default>        
    </components>
  <!-- Does not have support for centering elements -->
</framework>
