表单bootstrap页面

最新推荐文章于 2024-04-22 10:35:30 发布

上善若水丿

最新推荐文章于 2024-04-22 10:35:30 发布

阅读量257

点赞数

分类专栏： web前端文章标签： Web

本文链接：https://blog.csdn.net/PanHanJia/article/details/101174749

版权

本文详细介绍了如何使用Bootstrap框架创建响应式的网页表单，包括各种表单元素的使用、表单布局技巧和响应式设计，助你轻松实现跨设备的完美展示。

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

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <script src="JQuery/jquery-3.4.1.min.js"></script>
    <script src="bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <style>
        body {

        }
       #b1 {
           background: url("背景.jpg");
       }
        #b2 {
            width: 1140px;
            height: 40px;
            margin-top: 10px;
        }

    </style>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <img src="timg.jpg" alt="" style="width: 160px;height: 50px;">
        </div>
        <div>
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">首页</a></li>
                <li><a href="#">华为官网</a></li>
                <li><a href="#">荣耀官网</a></li>
                <li><a href="#">花粉俱乐部</a></li>
                <li><a href="#">企业购</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        更多精彩
                        <b class="caret"></b>
                    </a>
                    <ul clas

最低0.47元/天解锁文章

上善若水丿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
表单bootstrap页面

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="bootstrap-3.3.7-dist/bootstrap-3.3....
复制链接

扫一扫