Laravel——bootstrap布局

最新推荐文章于 2024-08-27 08:05:45 发布

傲娇虎

最新推荐文章于 2024-08-27 08:05:45 发布

阅读量749

点赞数 2

分类专栏： Laravel

本文链接：https://blog.csdn.net/Qjy_985211/article/details/90766676

版权

本文介绍了如何在Laravel项目中应用Bootstrap的栅格系统进行页面布局。Bootstrap的栅格布局基于12列，方便灵活地创建响应式设计。通过div元素，开发者能够实现复杂的页面结构和适应不同屏幕尺寸的设计。

摘要由CSDN通过智能技术生成

bootstrap 的栅格布局，栅格系统利用了12列的布局，这意味着一个页面可以被分割成12个相同的列。下面这张从bootstrap官方文档中拿到的图片给出了一个很好的展示。

div来进行布局

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标题</title>
    <script type="text/javascript" src="{
  { \Illuminate\Support\Facades\URL::asset('/') }}js/jquery.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="{
  {\Illuminate\Support\Facades\URL::asset('/shop/js/j