使用Eclipse创建的web工程引入bootstrap

刚开始通过绝对路径尝试了好多次都看不到bootstrap

在这里需要说一下,bootstrap的js是依赖于jquery的,所以在引入bootstrap的js文件前 需要先引入jquery

我这里是通过引入在线文件来实现的。

首先创建了一个html文件:

代码如下:




  
   Bootstrap 实例 - 响应式的列重置
    
  
  




  

     
         style="background-color: #dedef8;
         box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
        

Lorem ipsum dolor sit amet, consectetur adipisicing elit.


     

     
         style="background-color: #dedef8;box-shadow:
         inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
        

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
            enim ad minim veniam, quis nostrud exercitation ullamco laboris
            nisi ut aliquip ex ea commodo consequat.
        


        

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
            eiusmod tempor incididunt ut.
        


     


     


     
         style="background-color: #dedef8;
         box-shadow:inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
        

Ut enim ad minim veniam, quis nostrud exercitation ullamco
            laboris nisi ut aliquip ex ea commodo consequat.
        


     

     
         style="background-color: #dedef8;box-shadow:
         inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
        

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
            enim ad minim
        


     

  



 

图标


     

插入图标:

      
     

云图标:

      
     

信件图标:

            
     

搜索图标:


     

打印图标:

      
     

下载图标:

      




显示结果:

使用Eclipse创建的web工程引入bootstrap_第1张图片







你可能感兴趣的:(bootstrap)