Home > Article > Web Front-end > Using form-search style, which css document to add? _html/css_WEB-ITnose
Using form-search style, which css document to add? _html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:04:051037browse
I just started learning bootstrap and I saw that the conditional query form is written like this:
<form class='form-search'> <input class="input-medium search-query" type='text' /> <button class='btn' type='submit'> 查找</button> </form>
Why don’t I see the form-search style? ?
I have added:
<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>
I looked at bootstrap.min.css and there is no form-search in it. Did I add less css? ?
Reply to discussion (solution)
Maybe the class is added just to facilitate marking, finding elements, and doing special processing, but it has no real meaning The corresponding style
If it is really there, then where did you see it? You can find the style sheet corresponding to form-search by locating it through the developer tools on their website. The first You can see it in several lines
Maybe the class is added just to facilitate marking, finding elements, and doing special processing, but there is no real corresponding style
If true Yes, so where did you see it? From the developer tool on their website, you can see which style sheet corresponds to form-search and which row you can see
I designed it using bootstrap's visual layout http://www.bootcss.com/p/layoutit/
There are examples of form-search in "Basic CSS", but I don't know how Added, can you give me some guidance
0305e10ace02f6f1d3b743b3fad55618 Change to this style
<!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>
Hero! ! Your method does work! ! Thanks! !
I also want to ask: http://www.bootcss.com/p/layoutit/css/bootstrap-combined.min.css style and
http://cdn.bootcss.com/twitter- What is the difference between bootstrap/3.0.3/css/bootstrap.min.css? ?
Does combined.min.css include bootstrap.min.css? ? ? ?