如何用bootstrap制作一个属于你自己的博客

本文作者非凡小王,从零开始教你如何使用Bootstrap框架创建一个美观且支持响应式的个人博客。介绍了加载Bootstrap CSS和JS的方法,以及如何在HTML中添加它们。适合新手和想要快速建立博客的读者,提供了参考示例和后续定制建议。
摘要由CSDN通过智能技术生成

引子

哟大家好啊,我是非凡小王

前段时间我发了个blink,就是说我做了一个网站然后赚到q了,很多人也想知道怎么做

刚好有个人委托我帮他做一做博客

所以大家就跟着我的脚步从0开始做一个博客吧!!!

方案

因为直接写的话做出来的肯定不好看

所有都自己写的话十分耗时

所以我们就使用一个名叫bootstrap的框架吧

这个框架也是很多人用的一个框架,是十分好看的

并且支持响应式布局

通俗点来说就是手机电脑以及任何尺寸的可以访问网站的东西

都是可以用的!!!!!

开始

确认好方案,我们就可以开始了!

首先我们要确定,如何使用这个框架

根据文档的第一页,我们可以看到,他说啊

将样式表复制粘贴到您的所有其他样式表之前,以加载CSS。

然后下面附带了一句

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

很简单,从这句可以看出啊,使用这个框架要加载这个css

第一页还说啊

我们的许多组件都需要使用JavaScript才能起作用。具体来说,它们需要jQuery,Popper.js和我们自己的JavaScript插件。将以下放在页面末尾,紧接在结束标记之前,以启用它们。jQuery必须首先出现,然后是Popper.js,然后是我们的JavaScript插件。

然后下面也附带了一句

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"
  • 4
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Epeiuss

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值