css - Fit to content for Bootstrap alert -

this question has answer here:

• is impossible make div fit size content? 4 answers

i have bootstrap alert , want width fit content. in bootstrap documentation appears default have 100% width. robust way make alert fit content on screen sizes?

<div class="container">     <div class="alert alert-danger">         short alert message.     </div> </div> 

check out question is impossible make div fit size content?

you need add display: inline-block

demo in stack snippets:

.alert-trim {    display: inline-block;  }

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">    <div class="container">    <div class="alert alert-danger">      normal alert message    </div>      <div class="alert alert-danger alert-trim">      trimmed alert message    </div>  </div>