bootstrap学习

一、bootstrap的学习过程

bootstrap的引用

<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> css的样式
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> bootstarp的所有js插件都是通过jquery来实现的,因此必须先引入jquery
    <script src="bootstrap/js/bootstrap.js"></script>

  

 一、1 css的使用语法

1.禁用缩放功能

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<user-scalable=no>禁用缩放,在移动端看网站时有原生app的感觉。

2.<small>副标题

用法;

<h1>h1. Bootstrap heading <small>Secondary text</small></h1>

3.class=".lead"段落突出(中心内容)

用法

<p class="lead">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.

作用:将段落的字体大小放大

4.<mark>高亮显示文本中的被标记文字

You can use the mark tag to <mark>highlight</mark> text.

  

 

posted @ 2019-11-13 21:57  牧水  阅读(149)  评论(0编辑  收藏  举报