使用form-search样式,要添加哪个css文档?_html/css_WEB-ITnose

php中文网
发布: 2016-06-24 12:04:05
原创
1158人浏览过

刚刚开始学习  bootstrap ,我看到人家条件查询的表单是这样写的:

                <form class='form-search'>                <input class="input-medium search-query" type='text' />                <button class='btn' type='submit'>                    查找</button>                </form>
登录后复制



为什么我没有看到form-search的样式啊??
我已经添加了:
<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css"><script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script><script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
登录后复制


我看了一下  bootstrap.min.css  里面也没有form-search ,   我是不是少添加了一些css啊??

Calliper 文档对比神器
Calliper 文档对比神器

文档内容对比神器

Calliper 文档对比神器 28
查看详情 Calliper 文档对比神器

回复讨论(解决方案)

也许class加上,仅仅是为了方便标记,找到元素,做些特殊处理,而没有真正意义上对应的样式

如果真的有,那么你从哪里看到的,从人家的网站上通过开发者人员工具 定位一下 就能看到form-search 对应 的样式表是哪个,第几行都能看到

也许class加上,仅仅是为了方便标记,找到元素,做些特殊处理,而没有真正意义上对应的样式

如果真的有,那么你从哪里看到的,从人家的网站上通过开发者人员工具 定位一下 就能看到form-search 对应 的样式表是哪个,第几行都能看到



我是用 bootstrap的可视化布局来设计的  http://www.bootcss.com/p/layoutit/
在《基本的css》里面就有 form-search的 例子 , 但是我不知道怎么添加, 大侠能不能指导一下

 换成这个样式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><link rel="stylesheet" href="http://www.bootcss.com/p/layoutit/css/bootstrap-combined.min.css"><script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script><script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script></head><body> <form class='form-search'>                <input class="input-medium search-query" type='text' />                <button class='btn' type='submit'>                    查找</button>                </form></body></html>
登录后复制

 换成这个样式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><link rel="stylesheet" href="http://www.bootcss.com/p/layoutit/css/bootstrap-combined.min.css"><script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script><script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script></head><body> <form class='form-search'>                <input class="input-medium search-query" type='text' />                <button class='btn' type='submit'>                    查找</button>                </form></body></html>
登录后复制



大侠!!您的方法的确可以啊!!谢谢!!
我还想问一句:http://www.bootcss.com/p/layoutit/css/bootstrap-combined.min.css这个样式和
http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css有什么不同啊??
是不是combined.min.css包括了bootstrap.min.css????
相关标签:
css
HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号