Using form-search style, which css document to add? _html/css

Using form-search style, which css document to add? _html/css_WEB-ITnose

WBOY

Release： 2016-06-24 12:04:05

Original

1060 people have browsed it

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>

Copy after login

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>

Copy after login

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

<!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>

Copy after login

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>

Copy after login

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? ? ? ?