BootStrap基本使用

这几天在学习BootStrap,发现前端的知识真的非常复杂,要记得知识点特别多,而且自己也不会设计界面,自己写的界面也不好看,没办法,只能硬着头皮去尝试,去写一些基本的前端界面。

对于BootStrap的框架我不做介绍,因为我自己也是不太懂,但是我知道怎么用的。以下的代码都是一些小小demo,便于自己以后查找使用吧!

1、基本的框架:




     
    
    
    
    药品管理系统

    
    
    
    
    
    






sss
fff

2、最最最基本的栅格系统:

2.1、每个界面的三个部分:

 BootStrap基本使用_第1张图片

 2.2、页眉的结构举例

BootStrap基本使用_第2张图片

 2.3、对栅格系统的理解:

BootStrap基本使用_第3张图片

3、轮播图:

4、表格:

药品基本信息目录

添加

名称 城市 邮编 名称 城市 邮编 名称 城市 邮编 操作
Tanmay Bangalore 560001 Tanmay Bangalore 560001 Tanmay Bangalore 560001 删除 修改
Sachin Mumbai 400003 Tanmay Bangalore 560001 Tanmay Bangalore 560001 删除 修改
Uma Pune 411027 Tanmay Bangalore 560001 Tanmay Bangalore 560001 删除 修改

5、分页:

 

 

你可能感兴趣的:(BootStrap)