简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

H5响应式开发之关于

页面布局

QQ截图20161201114704.png

关于页面

和之前一样，先引入头部和底部，

     PHP中文网   

   
 
 
 
实例
 
和个个网站有着紧密的合作。
 
 
 
 
 
 
自学路线 | 合作相关 | 投诉建议
 
 2016 PHP中文网企业网站.powered by Bootstrap.

我们就对页面进行布局，关于页面，我们分为左半部和右半部

左半部我们用到list-group方法。

列表组

创建一个基本的列表组的步骤如下：

向元素

    添加 class .list-group。向
  • 添加 class .list-group-item。

    我们就可以得到以下效果图

    QQ截图20161104130905.png

    在右侧加入9个的栅栏，填入右侧内容

      
    网站介绍
     
    php中文网(m.sbmmt.com)提供了最全的编程技术基础教程, 介绍了HTML、CSS、Javascript、Python，Java，Ruby，C，PHP , MySQL等各种编程语言的基础知识。 同时本站中也提供了大量的在线实例，通过实例，您可以更好的学习编程.
      
    加入我们
     
    安徽省
     
    php中文网工作室
      
    联系方式
     
    电话：123123123
     
    地址：安徽省合肥市

    QQ截图20161104131726.png

    效果如上所示。

    这样我们的关于页面也就完成了。

Meneruskan pembelajaran
||
PHP中文网

关于

php中文网成长介绍

网站介绍

php中文网(m.sbmmt.com)提供了最全的编程技术基础教程, 介绍了HTML、CSS、Javascript、Python，Java，Ruby，C，PHP , MySQL等各种编程语言的基础知识。 同时本站中也提供了大量的在线实例，通过实例，您可以更好的学习编程.

加入我们

安徽省

php中文网工作室

联系方式

电话：123123123

地址：安徽省合肥市

serahkan Tetapkan Semula Kod
Bahagian sebelumnya tiada
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)491060 permainan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！