asp.net mvc - Jquery dialogbox 'X' image not showing? a -

i using jquery 1.9.1 , jquery ui 1.10.2 in asp.net mvc4 project. have downloaded these js , css nuget tool. missing jquery dialogbox 'x' image in box. how on dialogbox?

project folder structure this.

project | |-content |    | |    |-themes |       | |        |- base |            | |            |-images |            | |            jquery.ui.* files |            --- |            ---- | | |-scripts     |    jquery-1.9.1.js files    jquery-ui-1.10.2.js files 

when searched jquery-ui-1.10.2.js, found below code inserting image.

this.uidialogtitlebarclose = $("<button></button>")             .button({                 label: this.options.closetext,                 icons: {                     primary: "ui-icon-closethick" //this image                 },                 text: false             })             .addclass("ui-dialog-titlebar-close")             .appendto( this.uidialogtitlebar );         this._on( this.uidialogtitlebarclose, {             click: function( event ) {                 event.preventdefault();                 this.close( event );             }         }); 

i don't know image files. have below image files jquery ui.

the reason happening, because calling bootstrap in, after calling jquery-ui in.

literally, swap 2 instead of:

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <script src="/js/bootstrap.min.js"></script> 

it becomes

<script src="js/bootstrap.min.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 

source: https://stackoverflow.com/a/20457891/187025