Bootstrap: Display Image and Text side by side in a HTML DIV

    <script type="text/javascript" src='https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js'></script>
    <script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js'></script>
    <link rel="stylesheet" href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css'
        media="screen" />
    <div class="col-sm-5 col-md-5 col-xs-5" style="border: 5px solid #eee; margin: 20px">
        <div>
            <div class="col-sm-4 col-md-4 col-xs-8" style="padding: 5px">
                <img alt="" src="https://www.aspforums.net/Avatars/Mudassar.png" style="height: 150px;
                    width: 150px" />
            </div>
            <div class="col-sm-8 col-md-8 col-xs-16">
                <h4>
                    Mudassar Khan</h4>
                <p>
                    Founder of this ASPSnippets and ASPForums and also workds as an Independent Consultant.
                    <br />Holds graduation from Mumbai University with Bachelor’s Degree in Computer Engineering.
                </p>
            </div>
        </div>
    </div>