打开控制台，看看css有没有被加载进来

Bootstrap中的class-name属性命名比较简单，你可以查一下Class name 属性是否冲突。。

    外边js怎么才能调用$.ajax接收到的值？？？

<script src="../Ajax/js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $.ajax({
            type:"post",
            url:"http://localhost/Sqll/phptest/test.php",
            
            success:function (date) {
                var data = date;
            },
            error:function (err) {
                alert('服务器连接失败');
            }
        });
        
        function method1() {


var runtimes = 0;

function GetTime(data) {
    var nMS = data * 1000 - runtimes * 1000;
    var nH = Math.floor(nMS / (1000 * 60 * 60)) % 24;
    var nM = Math.floor(nMS / (1000 * 60)) % 60;
    var nS = Math.floor(nMS / 1000) % 60;
    document.getElementById("RemainH").innerHTML = nH;
                    document.getElementById("RemainM").innerHTML = nM;
                    document.getElementById("RemainS").innerHTML = nS;
                    if(nMS > 5 * 59 * 1000 && nMS <= 5 * 60 * 1000) {
                        alert("还有最后五分钟！");
                    }
                    runtimes++;
                    
                }
                setInterval(GetTime(data),000);
                window.onload = GetTime(data);        
    </script>

样式被重置了

你引用了这个框架，这个框架肯定会影响到你的样式啊。

既然要引用外部的样式框架，而且是这么大这么全的，那建议就去掉自己的CSS，否则会被覆盖。

注意类名不要和bootstrap的类名一样，不然他会覆盖你的样式