bootstrap 布局大屏,pc,小屏,移动屏自适应

1 .col-xs-  超小屏幕 手机 (<768px)

2 .col-sm-   小屏幕 平板 (≥768px)

3 .col-md-  中等屏幕 桌面显示器 (≥992px)

4 .col-lg-  大屏幕 大桌面显示器 (≥1200px)

 

   

     

       

         

           

           

             

Thumbnail label

             

                Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

             

             

Button Button

           

         

       

       

         

           

           

             

Thumbnail label

             

                Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

             

             

Button Button

           

         

       

       

         

           

           

             

Thumbnail label

             

                Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

             

             

Button Button

           

         

       

       

         

           

           

             

Thumbnail label

             

                Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

             

             

Button Button

           

         

       

     

   

 

你可能感兴趣的:(bootstrap,bootstrap,html,servlet)