bootstrap学习1

下载及引用

在bootstrap官网下载,解压在自己新建的站点里,比如myweb文件下。



  
    
    
    
    
    myweb

    
    
    
    

    
    
    
  
  
    
    

你好,世界!

布局容器div

居中显示
100%宽度

栅格系统

栅格系统是响应式、移动设备优先的流式栅格系统,系统会自动把一行分为最多12列,根据浏览设备不同自动调节到适应宽度。
class="row"
小屏手机<768px col-xs-列数
小屏幕平板>=768px col-sm-列数
中等屏幕>=992px col-md-列数
大屏幕>=1200px col-lg-列数
div可以嵌套,如果列数大于12多余的会另起一行,如果有些列比其他的高则使用 .clearfix。
col-md-offset-n把某一列向右偏移n列
col-md-push col-md-pull列排序

排版

标题







small是副标题
主体p标签
被删除标签
无用文本
插入文本
到下划线的文本
小号文本
加粗文本
倾斜
对齐

Left aligned text.

左对齐

Center aligned text.

居中

Right aligned text.

右对齐

Justified text.

两端对齐

No wrap text.

指定内容不换行
列表

  • ...

class="list-unstyled"去掉列表前面的点
内联列表 横向排列

  • ...
           欲知详情请看下回分解······

你可能感兴趣的:(bootstrap学习1)