cat and cats-CSDN博客

边框和颜色一.边框样式1.边框颜色<img src="../img/a3.jpg" alt="" class="border border-danger">使用.border 给元素增加相应的边框，默认是淡灰色；.border-*，包含：primary、secondary、success、danger、warninginfo、light、dark 和white；2.缩略图样式 (在图片周围添加一圈灰色的边框)<img src="../img/a3.jpg" alt

2022-05-22 19:10:23 912

原创 (laravel作业)5.11

代码部分资源控制器NewsController.php public function index() { // $newsList=DB::table('news')->orderBy('id','desc')->get(); return view('news.index',compact('newsList')); } public function create() { //

2022-05-11 20:24:40 355

原创 (学习笔记)Bootstrap-test3-用户管理

效果图（首页+管理）首页用户管理界面代码部分index.html<body> <nav class="navbar navbar-default"> <div class="container">  <div class="navbar-header

2022-05-08 15:22:01 796

原创 (学习笔记)Echarts可视化的简单应用

效果图代码部分body+js <div id="container" style="height: 100%"></div> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script> <script type="text

2022-04-21 18:55:46 1147 1

原创 (学习笔记)Bootstrap实训二(简易公司官网首页面)

效果图代码部分一、（body部分）<body>  <nav class="navbar navbar-inverse"> <div class="container">  <div class="navbar-he

2022-04-16 19:04:23 1213

原创 (学习笔记)Laravel 圣杯布局

效果图代码部分1.parent.blade.php <link rel="stylesheet" type="text/css" href="{{asset('bootstrap.min.css')}}"> <style type="text/css"> header{ height: 80px; background-color: antiquewhite; color:

2022-04-10 18:12:04 805 1

原创 (学习笔记)boostrap-v5 轮播图的使用

1.效果图2.代码部分(body内)<body style="background-color: antiquewhite;"> <nav class="navbar navbar-expand-lg navbar-light bg-success"> <div class="container"> <a class="navbar-brand" href="#"> <im

2022-04-07 16:17:25 606 1

原创 (Laravel学习笔记)学生信息查询界面

效果图代码部分1.Student.php （存储学生信息）<?phpnamespace App\Http\Controllers;class Student{ public static $students=[ //把复制的学生信息粘贴在这里面 ];}?>2.info.blade.php（全部学生列表）<body> <div class="col-md-8">

2022-03-31 17:07:35 811 1

原创 (学习笔记)Laravel foreach的使用

在视图中使用foreach遍历学生信息一、效果图二、代码部分1.PhotoController.phpclass PhotoController extends Controller{ public $students=[('引入学生信息')]; @return \Illuminate\Http\Response public function index(){ $students=$this->students; $id=null; $xi

2022-03-27 21:52:33 1324 1

原创 (学习笔记)Bootstrap写一个简单的博客首页

Blog网站首页一、效果图二、代码部分整体代码结构1.导航栏代码<nav class="navbar navbar-inverse"> <div class="container-fluid">  <div class="navbar-header">

2022-03-16 16:14:51 1034 1

原创 Laravel框架--路由

Laravel路由

2022-03-11 16:31:44 823 1

原创前端--bootstrap(v3)课上笔记+作业

第一次课–Boostrap v3一、Boostrap的文件基本引入1.在head标签中引入 boostrap的css文件2.在body的最后引入Jquery文件和Boostrap的js文件来加载其所有的插件，两者顺序不可颠倒，Jquery引入在前（因为Bootstrap 的所有 JavaScript 插件都依赖 jQuery）二、导航栏...

2022-03-09 18:05:17 1173 1

qq_56508310的博客

原创 (bootstrap学习)flex布局

原创 bootstrap公共样式(学习笔记)