bootstrap学习（二）页面-白红宇

bootstrap学习（二）页面

阅读量：6954 次

发布时间：2019-06-27

本文共 1333 字，大约阅读时间需要 4 分钟。

响应式图片：

//当图片大的时候，逐渐缩小浏览器大小，图片会显示为自适应大小  ，img-responsive

标题标签h

h1. Bootstrap heading
h2. Bootstrap heading
h3. Bootstrap heading
h4. Bootstrap heading
h5. Bootstrap heading
h6. Bootstrap heading
 或

aaaaaa aaaaaa aaaaaa aaaaaa

副标题：small

h1. Bootstrap heading Secondary text
 small标签会适应前边h标签的大小  自动显示为小一号字体

页面主体：

Bootstrap 将全局 font-size 设置为 14px，line-height 设置为 1.428。这些属性直接赋予 <body> 元素和所有段落元素。另外，<p> （段落）元素还被设置了等于 1/2 行高（即 10px）的底部外边距（margin）。

body {    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;    font-size: 14px;    line-height: 1.42857143;    color: #333;    background-color: #fff}

p {
       margin: 0 0 10px }

中心内容：lead，强调p标签中的文本

.lead {    margin-bottom: 20px;    font-size: 16px;    font-weight: 300;    line-height: 1.4}@media (min-width: 768px) {    .lead {        font-size: 21px    }}

对其方式：text-right /text-conter/ ...

缩略语：abbr

学习bootstrap

地址：

  Twitter, Inc.
  1355 Market Street, Suite 900
  San Francisco, CA 94103
  P: (123) 456-7890
  Full Name
  first.last@example.com

列表：

//无样式列表
             
      
     
//无序
             
      
     
             
      
     
//内联列表  一行
             
      
     
//有无class 区别：dt、dd标签内容是否显示在同一行
             
      
       标题
      
        
      
       标题描述

官方：

转载于:https://www.cnblogs.com/nxzblogs/p/10701143.html

你可能感兴趣的文章