Web Front-end
HTML Tutorial
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
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? ? ? ?
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
golang framework document usage instructions
Jun 05, 2024 pm 06:04 PM
How to use Go framework documentation? Determine the document type: official website, GitHub repository, third-party resource. Understand the documentation structure: getting started, in-depth tutorials, reference manuals. Locate the information as needed: Use the organizational structure or the search function. Understand terms and concepts: Read carefully and understand new terms and concepts. Practical case: Use Beego to create a simple web server. Other Go framework documentation: Gin, Echo, Buffalo, Fiber.
How to register for Bitstamp exchange pro? Is it safe? Is it formal?
Aug 13, 2024 pm 06:36 PM
How to register BitstampPro? Visit the BitstampPro website. Fill in your personal information and email address. Create a password and accept the terms. Verify email address. Is BitstampPro safe? Authentication required. Enforce the use of two-factor authentication. Most assets are stored in cold storage. Use HTTPS to encrypt communication. Conduct regular security audits. Is BitstampPro legitimate? Registered in Luxembourg. Regulated by the Luxembourg Financial Supervisory Committee. Comply with anti-money laundering and know-your-customer regulations.
How to implement the custom table function of clicking to add data in dcat admin?
Apr 01, 2025 am 07:09 AM
How to implement the table function of custom click to add data in dcatadmin (laravel-admin) When using dcat...
The latest ranking list of virtual currency trading platform APP (inventory of top 10 virtual currency trading platforms)
Mar 04, 2025 pm 03:51 PM
This article lists the top ten leading cryptocurrency exchanges in the world, including OKX, Binance, Gate.io, Huobi, Kraken, Coinbase, KuCoin, Crypto.com, Bitfinex and Bitstamp. With their strong technical strength, rich product lines, strict compliance operations and innovative ecological construction, these exchanges have taken the lead in the global cryptocurrency market. The article will introduce their special functions, technical architecture, security measures, compliance qualifications and ecosystem construction respectively, providing reference for investors to choose a suitable trading platform.
What does z-index mean?
May 09, 2024 pm 11:21 PM
z-index is a CSS property that controls the order in which elements overlap on the page, similar to the order in which paper is stacked. Here's how it works: Every element has a default z-index value of 0. Elements with higher z-index values will overwrite elements with lower z-index values. z-index can be used to create floating elements, control the order of overlapping elements, and create three-dimensional effects. When using, you need to consider things such as avoiding overuse, using negative values, and paying attention to browser compatibility.
Share the top ten official website addresses of the world's formal virtual currency trading software in 2025
Feb 15, 2025 pm 04:42 PM
With the development of the cryptocurrency market, formal virtual currency trading software has become the focus of investors' attention. In the fierce competition, some trading platforms stand out and provide safe and reliable services. According to industry research and comprehensive rankings, this article will list the top ten best virtual currency trading software in the world in 2025 and provide its official website address. These platforms have been strictly reviewed and are designed to provide users with excellent trading experience and investment guarantees.
What exactly is Bitstamp exchange like? Is Bitstamp exchange safe?
Aug 16, 2024 pm 06:02 PM
The Bitstamp exchange is known for its security and reliability, boasting the following features: Cold Storage and Multi-Signature: Most funds are stored offline, requiring multiple authorizations to approve transactions. Compliance and Regulation: Regulated by the Luxembourg Financial Regulatory Commission and compliant with anti-money laundering and KYC regulations. Network security measures: including DDoS protection, SSL encryption and regular security audits. Insurance and Fund Protection: Theft or loss is insured by Lloyd's of London and has a backup fund to protect user funds. Customer support and response: 24/7 customer support, right on the matter
How to find documentation and tutorials for a specific framework?
Jun 02, 2024 am 10:17 AM
How to find documentation and tutorials for a specific framework: Visit the official framework website and look for the "Documentation" or "Tutorials" tab. Check the framework's GitHub repository or third-party website for community-contributed documentation. Use search engines, video sharing platforms, and online communities to find online tutorials.
