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

Home

Web Front-end

HTML Tutorial

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:04 PM

cssdocumentstyleAdd to

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

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

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

Statement

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn