<div class="modal hide fade" id="myModal" style="width:860px;top:50%;left:40%;" >
  <div class="modal-body" >
<div class="span3" style="margin:0px">
      <ul style="margin:0px;list-style:none">
        <li><a class="icon" href="#"><i class="icon-glass"></i>icon-glass</a></li>
        <li><a class="icon" href="#"><i class="icon-music"></i>icon-music</a></li>
        <li><a class="icon" href="#"><i class="icon-search"></i>icon-search</a></li>
        <li><a class="icon" href="#"><i class="icon-envelope"></i>icon-envelope</a></li>
        <li><a class="icon" href="#"><i class="icon-heart"></i>icon-heart</a></li>
        <li><a class="icon" href="#"><i class="icon-star"></i>icon-star</a></li>
        <li><a class="icon" href="#"><i class="icon-star-empty"></i>icon-star-empty</a></li>
        <li><a class="icon" href="#"><i class="icon-user"></i>icon-user</a></li>
        <li><a class="icon" href="#"><i class="icon-film"></i>icon-film</a></li>
        <li><a class="icon" href="#"><i class="icon-th-large"></i>icon-th-large</a></li>
        <li><a class="icon" href="#"><i class="icon-th"></i>icon-th</a></li>
        <li><a class="icon" href="#"><i class="icon-th-list"></i>icon-th-list</a></li>
        <li><a class="icon" href="#"><i class="icon-ok"></i>icon-ok</a></li>
        <li><a class="icon" href="#"><i class="icon-remove"></i>icon-remove</a></li>
        <li><a class="icon" href="#"><i class="icon-zoom-in"></i>icon-zoom-in</a></li>
        <li><a class="icon" href="#"><i class="icon-zoom-out"></i>icon-zoom-out</a></li>
        <li><a class="icon" href="#"><i class="icon-off"></i>icon-off</a></li>
        <li><a class="icon" href="#"><i class="icon-signal"></i>icon-signal</a></li>
        <li><a class="icon" href="#"><i class="icon-cog"></i>icon-cog</a></li>
        <li><a class="icon" href="#"><i class="icon-trash"></i>icon-trash</a></li>
        <li><a class="icon" href="#"><i class="icon-home"></i>icon-home</a></li>
        <li><a class="icon" href="#"><i class="icon-file"></i>icon-file</a></li>
        <li><a class="icon" href="#"><i class="icon-time"></i>icon-time</a></li>
        <li><a class="icon" href="#"><i class="icon-road"></i>icon-road</a></li>
        <li><a class="icon" href="#"><i class="icon-download-alt"></i>icon-download-alt</a></li>
        <li><a class="icon" href="#"><i class="icon-download"></i>icon-download</a></li>
        <li><a class="icon" href="#"><i class="icon-upload"></i>icon-upload</a></li>
        <li><a class="icon" href="#"><i class="icon-inbox"></i>icon-inbox</a></li>
        <li><a class="icon" href="#"><i class="icon-play-circle"></i>icon-play-circle</a></li>
        <li><a class="icon" href="#"><i class="icon-repeat"></i>icon-repeat</a></li>
      </ul>
    </div>
    <div class="span3" style="margin:0px">
       <ul style="margin:0px;list-style:none">
        <li><a class="icon" href="#"><i class="icon-refresh"></i>icon-refresh</a></li>
        <li><a class="icon" href="#"><i class="icon-list-alt"></i>icon-list-alt</a></li>
        <li><a class="icon" href="#"><i class="icon-lock"></i>icon-lock</a></li>
        <li><a class="icon" href="#"><i class="icon-flag"></i>icon-flag</a></li>
        <li><a class="icon" href="#"><i class="icon-headphones"></i>icon-headphones</a></li>
        <li><a class="icon" href="#"><i class="icon-volume-off"></i>icon-volume-off</a></li>
        <li><a class="icon" href="#"><i class="icon-volume-down"></i>icon-volume-down</a></li>
        <li><a class="icon" href="#"><i class="icon-volume-up"></i>icon-volume-up</a></li>
        <li><a class="icon" href="#"><i class="icon-qrcode"></i>icon-qrcode</a></li>
        <li><a class="icon" href="#"><i class="icon-barcode"></i>icon-barcode</a></li>
        <li><a class="icon" href="#"><i class="icon-tag"></i>icon-tag</a></li>
        <li><a class="icon" href="#"><i class="icon-tags"></i>icon-tags</a></li>
        <li><a class="icon" href="#"><i class="icon-book"></i>icon-book</a></li>
        <li><a class="icon" href="#"><i class="icon-bookmark"></i>icon-bookmark</a></li>
        <li><a class="icon" href="#"><i class="icon-print"></i>icon-print</a></li>
        <li><a class="icon" href="#"><i class="icon-camera"></i>icon-camera</a></li>
        <li><a class="icon" href="#"><i class="icon-font"></i>icon-font</a></li>
        <li><a class="icon" href="#"><i class="icon-bold"></i>icon-bold</a></li>
        <li><a class="icon" href="#"><i class="icon-italic"></i>icon-italic</a></li>
        <li><a class="icon" href="#"><i class="icon-text-height"></i>icon-text-height</a></li>
        <li><a class="icon" href="#"><i class="icon-text-width"></i>icon-text-width</a></li>
        <li><a class="icon" href="#"><i class="icon-align-left"></i>icon-align-left</a></li>
        <li><a class="icon" href="#"><i class="icon-align-center"></i>icon-align-center</a></li>
        <li><a class="icon" href="#"><i class="icon-align-right"></i>icon-align-right</a></li>
        <li><a class="icon" href="#"><i class="icon-align-justify"></i>icon-align-justify</a></li>
        <li><a class="icon" href="#"><i class="icon-list"></i>icon-list</a></li>
        <li><a class="icon" href="#"><i class="icon-indent-left"></i>icon-indent-left</a></li>
        <li><a class="icon" href="#"><i class="icon-indent-right"></i>icon-indent-right</a></li>
        <li><a class="icon" href="#"><i class="icon-facetime-video"></i>icon-facetime-video</a></li>
        <li><a class="icon" href="#"><i class="icon-picture"></i>icon-picture</a></li>
      </ul>
    </div>
    <div class="span3" style="margin:0px">
     <ul style="margin:0px;list-style:none">
        <li><a class="icon" href="#"><i class="icon-pencil"></i>icon-pencil</a></li>
        <li><a class="icon" href="#"><i class="icon-map-marker"></i>icon-map-marker</a></li>
        <li><a class="icon" href="#"><i class="icon-adjust"></i>icon-adjust</a></li>
        <li><a class="icon" href="#"><i class="icon-tint"></i>icon-tint</a></li>
        <li><a class="icon" href="#"><i class="icon-edit"></i>icon-edit</a></li>
        <li><a class="icon" href="#"><i class="icon-share"></i>icon-share</a></li>
        <li><a class="icon" href="#"><i class="icon-check"></i>icon-check</a></li>
        <li><a class="icon" href="#"><i class="icon-move"></i>icon-move</a></li>
        <li><a class="icon" href="#"><i class="icon-step-backward"></i>icon-step-backward</a></li>
        <li><a class="icon" href="#"><i class="icon-fast-backward"></i>icon-fast-backward</a></li>
        <li><a class="icon" href="#"><i class="icon-backward"></i>icon-backward</a></li>
        <li><a class="icon" href="#"><i class="icon-play"></i>icon-play</a></li>
        <li><a class="icon" href="#"><i class="icon-pause"></i>icon-pause</a></li>
        <li><a class="icon" href="#"><i class="icon-stop"></i>icon-stop</a></li>
        <li><a class="icon" href="#"><i class="icon-forward"></i>icon-forward</a></li>
        <li><a class="icon" href="#"><i class="icon-fast-forward"></i>icon-fast-forward</a></li>
        <li><a class="icon" href="#"><i class="icon-step-forward"></i>icon-step-forward</a></li>
        <li><a class="icon" href="#"><i class="icon-eject"></i>icon-eject</a></li>
        <li><a class="icon" href="#"><i class="icon-chevron-left"></i>icon-chevron-left</a></li>
        <li><a class="icon" href="#"><i class="icon-chevron-right"></i>icon-chevron-right</a></li>
        <li><a class="icon" href="#"><i class="icon-plus-sign"></i>icon-plus-sign</a></li>
        <li><a class="icon" href="#"><i class="icon-minus-sign"></i>icon-minus-sign</a></li>
        <li><a class="icon" href="#"><i class="icon-remove-sign"></i>icon-remove-sign</a></li>
        <li><a class="icon" href="#"><i class="icon-ok-sign"></i>icon-ok-sign</a></li>
        <li><a class="icon" href="#"><i class="icon-question-sign"></i>icon-question-sign</a></li>
        <li><a class="icon" href="#"><i class="icon-info-sign"></i>icon-info-sign</a></li>
        <li><a class="icon" href="#"><i class="icon-screenshot"></i>icon-screenshot</a></li>
        <li><a class="icon" href="#"><i class="icon-remove-circle"></i>icon-remove-circle</a></li>
        <li><a class="icon" href="#"><i class="icon-ok-circle"></i>icon-ok-circle</a></li>
        <li><a class="icon" href="#"><i class="icon-ban-circle"></i>icon-ban-circle</a></li>
      </ul>
    </div>
    <div class="span3" style="margin:0px">
      <ul style="margin:0px;list-style:none">
        <li><a class="icon" href="#"><i class="icon-arrow-left"></i>icon-arrow-left</a></li>
        <li><a class="icon" href="#"><i class="icon-arrow-right"></i>icon-arrow-right</a></li>
        <li><a class="icon" href="#"><i class="icon-arrow-up"></i>icon-arrow-up</a></li>
        <li><a class="icon" href="#"><i class="icon-arrow-down"></i>icon-arrow-down</a></li>
        <li><a class="icon" href="#"><i class="icon-share-alt"></i>icon-share-alt</a></li>
        <li><a class="icon" href="#"><i class="icon-resize-full"></i>icon-resize-full</a></li>
        <li><a class="icon" href="#"><i class="icon-resize-small"></i>icon-resize-small</a></li>
        <li><a class="icon" href="#"><i class="icon-plus"></i>icon-plus</a></li>
        <li><a class="icon" href="#"><i class="icon-minus"></i>icon-minus</a></li>
        <li><a class="icon" href="#"><i class="icon-asterisk"></i>icon-asterisk</a></li>
        <li><a class="icon" href="#"><i class="icon-exclamation-sign"></i>icon-exclamation-sign</a></li>
        <li><a class="icon" href="#"><i class="icon-gift"></i>icon-gift</a></li>
        <li><a class="icon" href="#"><i class="icon-leaf"></i>icon-leaf</a></li>
        <li><a class="icon" href="#"><i class="icon-fire"></i>icon-fire</a></li>
        <li><a class="icon" href="#"><i class="icon-eye-open"></i>icon-eye-open</a></li>
        <li><a class="icon" href="#"><i class="icon-eye-close"></i>icon-eye-close</a></li>
        <li><a class="icon" href="#"><i class="icon-warning-sign"></i>icon-warning-sign</a></li>
        <li><a class="icon" href="#"><i class="icon-plane"></i>icon-plane</a></li>
        <li><a class="icon" href="#"><i class="icon-calendar"></i>icon-calendar</a></li>
        <li><a class="icon" href="#"><i class="icon-random"></i>icon-random</a></li>
        <li><a class="icon" href="#"><i class="icon-comment"></i>icon-comment</a></li>
        <li><a class="icon" href="#"><i class="icon-magnet"></i>icon-magnet</a></li>
        <li><a class="icon" href="#"><i class="icon-chevron-up"></i>icon-chevron-up</a></li>
        <li><a class="icon" href="#"><i class="icon-chevron-down"></i>icon-chevron-down</a></li>
        <li><a class="icon" href="#"><i class="icon-retweet"></i>icon-retweet</a></li>
        <li><a class="icon" href="#"><i class="icon-shopping-cart"></i>icon-shopping-cart</a></li>
        <li><a class="icon" href="#"><i class="icon-folder-close"></i>icon-folder-close</a></li>
        <li><a class="icon" href="#"><i class="icon-folder-open"></i>icon-folder-open</a></li>
        <li><a class="icon" href="#"><i class="icon-resize-vertical"></i>icon-resize-vertical</a></li>
        <li><a class="icon" href="#"><i class="icon-resize-horizontal"></i>icon-resize-horizontal</a></li>
      </ul>
    </div>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn" data-dismiss="modal" >关闭</a>
  </div>
</div>