html - Set bootstrap panel width to text width -


i'm new html/boostrap maybe easy - how set panel width of a bootstrap panel length of it's text?

if isn't possible panel, there similar bootstrap component knows of can use? closest thing i've seen labels, small.

make bootstrap panel more modest

let's use basic panel example. have set display property inline-block 2 classes: .panel , .panel-body.

we can using of special css-class or id. check result:

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css');    #modest,  #modest .panel-body,  .panel-modest,  .panel-modest .panel-body {    display: inline-block;  }
<div class="panel panel-default">    <div class="panel-body">      basic panel example    </div>  </div>    <div class="panel panel-default panel-modest">    <div class="panel-body">      modest panel uses class    </div>  </div>    <div id="modest" class="panel panel-default">    <div class="panel-body">      modest panel uses id    </div>  </div>