boots

pentaoqing

于 2022-05-01 18:26:23 发布

阅读量131

点赞数 1

文章标签： bootstrap

本文链接：https://blog.csdn.net/pentaoqing/article/details/124530382

版权

bootsstrap介绍
1.ds于2011年,来自twitter公司，是目前最受欢迎的前端框架
2.是一个用于快速开发web应用程序和网站得前端框架
3.bootstrap是基于html,css,js的,简洁lh,使得web开发更为快捷

gangshu:bootstap是一个建立一个网页,就可以在三个终端（pc端，平板，电脑）

bootstrap库 http://v4.bootcss.com

引入库{bootstrap.css:bootstrap核心样式【添加·到标签里】}
jquery-3.3.1.js:jquery库【注意:必须在bootstrap核心库引入之前引入jquery库】
bootstrap:js:bootstrap核心库

删格系统:概念:bootstrap提供了一套响应式，移动设备优先的流式网格系统
特点:会随着屏幕或者式口的增加系统会自动分为最多12列
   
   <div class="container">
       <div class="row">

<li class="nav-item">
<a class="nav-link disabled">Disabled</a>
</li>
</ul>
bootstrap2 1.首页轮廓图实现
2.首页书籍分类实现
3.首页新书上架&热门书籍实现
4.首页整合
5.实现登录&注册界面

画像
首页结合:完善轮播图（左右箭头指示灯样式）
完善新书上架&热门书籍

<html>
   <head>
       <meta charset="utf-8">
       <title>登录&注册</title>
       <meta name="viewport"content="winth=device-width,initial-scale=1">
       
       <link rel="stylesheet"type="text/css"href="css/bootstrap.css"/>
   <style type="text/css">
       form{
           width:300px;
           /*宽度*/
           text-align:center/*内容水平均中*/
           margin-left:auto;
           margin-right:auto;
           /*上jj/
           margin-top:100px;
           }
           form button{
               width:300px;/*宽度*/
               margin-bottom:20px;/*xjj*/
           }

       }

pentaoqing

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
boots

bootsstrap介绍1.ds于2011年,来自twitter公司，是目前最受欢迎的前端框架2.是一个用于快速开发web应用程序和网站得前端框架3.bootstrap是基于html,css,js的,简洁lh,使得web开发更为快捷gangshu:bootstap是一个建立一个网页,就可以在三个终端（pc端，平板，电脑）bootstrap库 http://v4.bootcss.com引入库{bootstrap.css:bootstrap核心样式【添加·到标签里】}jquery-3.
复制链接

扫一扫

boots

“相关推荐”对你有帮助么？