专栏首页sktjbootstrap 搜索框 常用

bootstrap 搜索框 常用

image.png

<!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控股</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.css" rel="stylesheet" type="text/css"> <link href="css/bootstrap-select.css" rel="stylesheet" type="text/css"> <script src="http://code.jquery.com/jquery.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/bootstrap-select.js"></script> </head> <body> <div class="container"> <div class="input-group"> <input type="text" class="form-control input-lg"> <span class="input-group-addon btn btn-primary">搜索</span> </div> <div style="padding: 100px 100px 10px;"> <form class="bs-example bs-example-form" role="form"> <div class="row"> <div class="col-lg-6"> <div class="input-group"> <span class="input-group-btn"> <button class="btn btn-default" type="button"> Go! </button> </span> <input type="text" class="form-control"> </div> </div>

            <div class="col-lg-6">
                <div class="input-group">
                    <input type="text" class="form-control">
                    <span class="input-group-btn">

<button class="btn btn-default" type="button"> Go! </button> </span> </div> </div> </div> </form> </div> </div> </body> </html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • bootstrap 表单控件大小

    <form role="form"> <div class="form-group"> <input class="form-control input-l...

    用户5760343
  • bootstrap 超大屏幕样式

    <div class="container"> <div class="jumbotron"> <h1>欢迎登陆页面!</h1> <p>这是一个超大屏幕(...

    用户5760343
  • Layui form 表单(常用)

    layui-form div.layui-form-item label.layui-form-label div.layui-input-block

    用户5760343
  • Jump Start Bootstrap 第3章

    在这一章,我们将开始使用Bootstrap的一些非常有用的HTML组件。诸如按钮、标题(headers)、导航菜单和评论系统的组件经常被用在网站上。通过组件,B...

    Remember_Ray
  • BootStrap应用开发学习入门

    什么是BootStrap? 答:Bootstrap是Twitter 的 Mark Otto 和 Jacob Thornton 开发的推出的一个用于前端开发的开源...

    WeiyiGeek
  • Action Framework Medium attribute 初始化逻辑

    在debugger里观察trigger instance里的attribute MEDIUM类型:

    Jerry Wang
  • JQ实现倒计时功能

    使用JQ实现发送短信或阅读倒计时效果,结合bootstrap框架。直接上效果图:

    小白程序猿
  • Web开发---单页面应用(签到日报--技术实现)

    疫情前期,员工分布在各个地区,需要上报个人的健康状态和位置信息,于是做了一个单页面应用(当时钉钉和微信上的健康上报模板还没出现)

    MiaoGIS
  • Vue.js-Class与Style绑定 原

    (adsbygoogle = window.adsbygoogle || []).push({});

    tianyawhl
  • Objective-C Runtime:深入理解类与对象

    常说Objective-C是一门动态语言,那么问题来了,这个动态表现在那些方面呢?

    Jacklin999

扫码关注云+社区

领取腾讯云代金券