Bootstrap? ???? ThinkPHP6?? ??? ?? ???? ??
Jun 20, 2023 pm 06:15 PM
? ??????? ???? ??? ?? ? ?? ?????? ? ?????? ??? ?? ?? ??? ?????. ? ? ThinkPHP6? ??? PHP ?? ??????, ???? ?? ?????? ??? ?? ??? ? ?????? ??? ?? ?????. Bootstrap? ???? ???? ? ?????? ???? ???? ? ??? ?? ??? UI ?? ?? ? ??? ?? ??? ???? ?? ?? ??? ?? ????????.
? ????? ThinkPHP6?? Bootstrap? ???? ??? ?? ????? ???? ??? ?????. ???? ? ??? ?? ?? ??? ??? ??? ??? ? ?????? ??? ??? ? ??? ????.
1. Bootstrap ??
ThinkPHP6? Composer? ???? ?? ?????? ????? Composer? ?? Bootstrap? ??? ? ????. ??? ???? ?? ???? ?? ????? ??? ? ?? ??? ?????.
composer require twbs/bootstrap
??? Bootstrap? ?????? Vendor/twbs/bootstrap ????? ?????. ? ??????? Bootstrap? ??? ?? CSS, JS ? ?? ??? ?? ? ????.
2. ??? Bootstrap ??
Bootstrap? ??? ? ??? Bootstrap? ???? UI ?? ??? ??? ??? ???? ? ?????? ??? ? ????. ThinkPHP6??? Bootstrap CSS ? JS ??? ???? ???layout.html? ???? ?? ????? Bootstrap ?? ??? ? ???? ?? ??? ? ????. ??? ??? ???? ?? ?????.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{% block title %}{% endblock %}</title>
{% block style %}
<link rel="stylesheet" href="/vendor/twbs/bootstrap/dist/css/bootstrap.min.css">
{% endblock %}
</head>
<body>
{% block content %}{% endblock %}
{% block script %}
<script src="/vendor/twbs/bootstrap/dist/js/bootstrap.min.js"></script>
{% endblock %}
</body>
</html>? ???? ???? Bootstrap? CSS ? JS ??? ???? ????. ?? ?????? ? ???? ??? ???? Bootstrap?? ???? UI ?? ?? ? ??? ??? ??? ? ????. ??? ??? ?? ??? ????.
{% extends 'layout.html' %}
{% block title %}Hello World{% endblock %}
{% block content %}
<div class="jumbotron">
<h1>Hello, world!</h1>
<p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
<p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
</div>
{% endblock %}? ?? ?????? Bootstrap?? ???? ???? ?? ??? ???? ??? ??? ???? ?????. ??? ???? ??? Bootstrap? ???? ThinkPHP6?? ? ?????? ?? ??? ? ????.
3. Bootstrap ?? ?? ?? ??
? ?????? ???? ??? ?? ?? ?????. Bootstrap? ???? ?? ?????? ??? ???? ? ??? ?? ??? ?? ?? ??? ?????. ??? ??? ?? ????.
<form>
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Check me out</label>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>? ????? Bootstrap?? ???? ?? ??, ?? ?? ? ?? ?? ??? ???? ???? ?? ?? ??? ????. ?? ???? ???? ?? ?????? ?? ??? ? ????.
4. ????? ?? ?? ??
?? ??? ? ??????? ????? ???? ??? ?? ??? ?? ?? ?, ?? ?? ?, ?? ?? ? ? ?? ????? ??? ? ????. Bootstrap? ???? ?? ?? ?????? ??? ???? ? ??? ?? ??? ?? ?? ?? ??? ?????. ??? ??? ?? ?? ????.
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
Launch demo modal
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>? ?? ?? ???? Bootstrap ????? ???? modal, modal-dialog, modal-content, modal-header, modal-body ? modal-footer ???? ???? ??? ?????. ?? ??. ??? ???? ???? ?? ?? ?????? ?? ??? ? ????.
??
? ????? ThinkPHP6?? ?????? ???? ??? ?? ????? ???? ??? ??????. ?? Composer? ?? Bootstrap ?????? ??? ? ???? ??? Bootstrap? CSS ? JS ??? ??????. ????? Bootstrap ?? ?? ??? ?? ?? ??? ???? ? ?????? ???? ??? ??????.
? ??? ?????? ??? ThinkPHP6?? ?????? ???? ?? ??? ??? ???? ? ?????? ??? ??? ? ????. ?? ??????? ??? ?? ??? ???? ?? Bootstrap? ?? ??? ??? ??? ??? ? ????.
? ??? Bootstrap? ???? ThinkPHP6?? ??? ?? ???? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
? AI ??
Undress AI Tool
??? ???? ??
Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?
AI Clothes Remover
???? ?? ???? ??? AI ?????.
Clothoff.io
AI ? ???
Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
?? ??
??? ??
???++7.3.1
???? ?? ?? ?? ???
SublimeText3 ??? ??
??? ??, ???? ?? ????.
???? 13.0.1 ???
??? PHP ?? ?? ??
???? CS6
??? ? ?? ??
SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)
Vue?? ?? ???? ???? ??
Apr 07, 2025 pm 11:33 PM
vue.js?? bootstrap ??? 5 ??? ???? : Bootstrap ??. main.js.? ?? ??? ?? ?? ?? ??? ?? ??? ????? ?? ??????. ?? ?? : ??? ?? ???. ?? ?? : ????? ??????.
?? ???? ?? ??? ???? ??
Apr 07, 2025 pm 03:12 PM
?? ??? ?? ??? ??? ? ?? ??? ???? : ??? ???? ?? ?? ??? ?????. CSS ??? ??? ???? ??? ?? ??? ?? ??? ????.
?? ??? ??? ???? ??
Apr 07, 2025 pm 03:06 PM
?? ???? ??? ????? ?? ??? ?????. ??? ????? ???? ??????. ?? ??? ?? ??? ??????. ??? ?????? ??? BV ?? ??? ?????. ?? ?? (? : ?? ??, ?? ??? ?) ??; ?? ??? ?? ??? ??? ???? ??? ?? ? ?? ?? ??? ???? ??????.
?? ??? ??? ?? ??
Apr 07, 2025 pm 03:03 PM
? : ?? ???? ?? ??? ?? ??? ???? ????? ??? ? ? ????. ?? : ?? ??? ??? ??? ??????. HTML?? ?? ??? ?? ??? ????. ?? ???? ???? ???? ???? ?????. JavaScript? ???? ??? ??? ?????.
?? ??? ?? ?? ?? ??
Apr 07, 2025 pm 03:33 PM
?? ???? ???? ?? ?? ?? ?? ?? ?? : ?? ?? ?? ID ?? ??? ??????. JavaScript? ???? DOM ??? ?????. ??? ?? ?????. ??? ??? ??????.
? ?????? 10 ?? ?? ??
May 07, 2025 pm 04:48 PM
? ?? ???? ??? ?? ?????. ???? ??? ?? ?? ??? ?? ? ????. ? ?? ????? ???? ??? ?? ????? ???? ?? ? ???? ??? ??? ???? ???? ??? ??? ??? ????. ??? ? ??? ?? ??? ?? ???? ?? ???? ?? ???? ??? ??? ????. ??? ??? ??? ??? ?? ??? ???? ????? ?? ??? ??? ??? ?? ? ??? ?? ?? ????. ? ????? ??? ??? ???? ?? ??? ? ?? ????. ??? ??? ??? ???? ????? ???? ???? ??? ??? ??? ???? ? ?? ????? ?????? ? ??????. ? ??? ???? ???? ???? ????.
?? ??? ??? ???? ??
Apr 07, 2025 pm 03:09 PM
?? ??? ??? ???? ??? ?? ??? CSS? ???? ?? ??? ??? ?? ??? ?? ???? ???? ?? ???? ??????.
?? ?????? ??? ??? ???? ??
Apr 07, 2025 pm 03:27 PM
?? ??? ??? ??? ????? ?? ??? ??????. 1. CDN? ?? ?? ??? ?? ??; 2. ??? ???? ??? ?????? ???????. 3. HTML? ?? ??? ??? ??; 4. ??? ?? Sass/Less? ???????. 5. ??? ?? ??? ????? (?? ??). ??? ???? Bootstrap? ??? ???, ?? ?? ? ???? ???? ?? ? ? ??? ? ?? ????? ?? ? ????.
