thinkphp5学习路程 八 前端页面美化bootstrap的使用
thinkphp5学习路程 八 前端页面美化bootstrap的使用
meihuasheng
发布于 2021-03-16 21:12:34
发布于 2021-03-16 21:12:34
代码可运行
运行总次数：0
代码可运行
具体的bootstrap的各种使用查看官网 直接搜索bootstrap
说说我对bootstrap学习的看法：
怎么说呢？当接触一项新技术的时候当然会不懂，我觉得最主要的原因是不熟悉，万事开头难，当你去看久了用多了你会发现就那样，又或许会想当初为啥学习那么久才懂，应该大家都有这种感受，而现在我抱着其实什么都不难的心去学习，去自己找新鲜的东西去接触，哪怕我这个地方一点都不懂，但那有什么关系呢？在自己还用不到的时候去出丑不丢人，而到了你需要或者说刚刚用到的时候你会发现自己很熟练了，这就让学习不再那么难了，提前接触，真的很重要，不懂不会没关系，时间久了就刚刚好了~~~
使用的话就这样：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>Bootstrap 101 Template</title>
<!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<h1>你好，世界！</h1>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>
</html>当你引入bootstrap的三个文件后，样式什么的就都会有了，还可以自适应，你想要什么就去组件上面找，然后将模板代码复制下来使用，需要修改的地方就看着修改就好了，而且组件的各类风格在那里都会注明，非常方便，这样你的前端页面就会非常好看了。。
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2019/08/05 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
