ThemeRoller integration jQuery UI

Question

我无法让jQuery UI应用从ThemeRoller下载的主题。我想我在对CSS和JS的调用顺序上犯了一些错误，或者Bootstrap可能干扰了我的jQueryUI自定义CSS。我已经检查了关于这个问题的所有其他问题，并进行了所有适当的更改，但仍然得到了默认主题。我也尝试过多种主题，没有骰子。

这是我的头标签中的内容

<!-- CSS -->        
    <!-- Fonts-->
<!--font needed for sun symbols-->
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/segoe-ui-symbol" type="text/css"/>
<!-- Google Font-->    
<link href='http://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'>   
<!--Font Awesome-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<!--Bootstrap-->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- ThemeRoller: I get default UI styles with either this or below-->
<link href="css/jquery-ui.theme.min.css" rel="stylesheet" type="text/css">
<!-- jQuery UI: -->
<link href="css/jquery-ui.min.css" rel="stylesheet" type="text/css">        
<!-- My CSS-->
<link href="css/cssGard.css" rel="stylesheet" type="text/css">
<!--SCRIPTS:--> 
<!-- jQuery-->
<script src="/js/jquery.js"></script>

我试着将脚本移动到我的页脚，但仍然无法使用

<!-- Bootstrap-->
<script src="/js/bootstrap.min.js"></script>
<!-- jQuery UI Custom Download-->
<script src="/js/jquery-ui.min.js"></script>
<!-- jQuery Mobile-->
<script src="http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<!-- Touch Punch-->
<script src="/js/touch-punch.min.js"></script>

我知道这个问题越来越老了，但我尽了最大努力找到了解决方案。我一定忽略了一些简单的事情。如果你能抓到它，请告诉我。