?@^^@-CSDN博客

原创 Bootstrap组件02

输入框组1、【概念】：文本输入框就是可以在元素前后加上文字或按钮，可以实现对表单控件的扩展2、在左侧添加文字： <div class="input-group"> <span class="input-group-addon">$</span> <input type="text" class="form-control" /> </div>3、在右侧添加文字：

2020-06-03 17:56:27 86

伴随着Bootstrap全局CSS样式的结束，我们迎来的Bootstrap当中的组件，接下来的这几天让我们一起来学习组件吧！！！！！!！！！图标组件1、注意：必须把官方的fonts文件夹引用到项目中【fonts文件夹在Bootstrap库里】2、使用图标：01、使用<i>实现图标组件 —<i class="glyphicon glyphicon-heart"></i><i class="glyphicon glyphicon-heart">&lt

2020-06-01 23:45:30 149

原创 Bootstrap全局样式03

今天我们还是一起来学bootstrap里面的样式吧！毕竟Bootstrap就是搞样式的不是吗?表单1、基本表单：01、 class=“form-control”:可为<input><textarea><select>元素设置该属性，会将宽度设置为100% 02、class=“form-group”:可为<div>设置该属性，<div>中<label&g

2020-06-01 21:40:07 137

原创全局CSS样式——代码+表格

需要标记的代码一行解决，和带你看看怎么用Bootstrap做出来的表格如何的好看且省代码1、代码01、内联代码：通过<code>标签包裹内联样式的代码片段02、用户输入：通过<kbd>标签标记用户通过键盘输入的内容 03、基本代码块：多行代码可以使用<pre>标签 &

2020-05-29 16:55:17 298

原创全局CSS样式——排版

Bootstrap样式可以使HTML页面更加美观，可以大大提高开发的效率，为我们省下不少的时间去调编码页面主体：Bootstrap将全局font-size设置为14px,line-height设置为20px,段落行高设置为10px,颜色设置为#333[通过F12查看]段落突出显示：通过.lead类让段落突出显示<p class="lead"></p>标题：标签：<h1><h6>副标题：在<h1><small>副标题

2020-05-29 10:44:52 353

原创带你初识Bootstraop CSS

Bootstrap CSS概览:01、H5文档类型 [必须在html5页面下才有效]02、移动设备优先，在head中添加<meta name="viewport" content="width=device-width,initial-scale=1.0">width=device-width:呈现在不同设备上initial-scale=1.0:以1.1比例呈现，不会有任何缩放user-scallable=no:禁止网页缩放功能maximum-scale=1.0:页面放大

2020-05-27 23:05:20 150

原创 Bootstrap环境安装步骤

光了解Bootstrap没用，首先我们得学会安装它，接下来一起来学怎么安装它和引入它吧1、下载Bootstrap库 ----https://www.bootstrap.com/2.页面中引入库：bootstrap.min.css: Bootstrap核心样式【t添加到head标签中】 jQuery-3.3.1.js: jQuery库【注意：必须在Bootstrap核心库引入之前引入jQuery库】ps:[它必须先引用] bootstrap.min.js: Bootstrap核心库...

2020-05-27 21:34:01 482

原创一文了解什么是Bootstrap

Bootstrap介绍Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。What?1.诞生于2011年，来自Twitte公司，是目前最受欢迎的前端框架2.是一个用于快速开发web应用程序和网站的前端框架3.Bootstrap是基于HTML、CSS、JS的，简介灵活，使得Web开发更加便捷! Bootstrap是一个建立一个页面，就可以在三个终端（pc端、平板、手机）上完美展示的响应式前端框架why?1.响应式设计（Boot

2020-05-26 13:13:03 202

weixin_46252857的博客