ኣብ ልዕሊ እቲ ስካፎልድ፡ መሰረታዊ ባእታታት ኤችቲኤምኤል ቅዲ ተገይሩሉን ብዝተዘርግሑ ክፍልታት ተማዕቢሎምን ፍሩይን ቅኑዕን መልክዕን ስምዒትን ይህቡ።
ምሉእ ናይ ታይፕግራፊክ ሽቦ ኣብ ክልተ Less variables ኣብ variables.less ፋይልና ዝተመርኮሰ እዩ: @baseFontSize
and @baseLineHeight
. እቲ ቀዳማይ ኣብ ምሉእ ዝጥቀመሉ መሰረታዊ ቅርጺ-ዓቐን ኮይኑ እቲ ካልኣይ ድማ መሰረታዊ መስመር-ቁመት እዩ።
ነቶም ተለዋዋጢ ረቛሒታት፡ ገለ ሒሳብ ድማ ንጥቀመሎም፡ ናይ ኩሉ ዓይነትናን ካልእን ወሰን፡ ፓዲንግን መስመር-ቁመትን ንፈጥር።
ኑላም ኪስ ሪሱስ ኤጌት ኡርና ሞሊስ ኦርናረ ቬል ኤው ልዮ። Cum sociis natoque ፔናቲቡስን ማግኒስ ዲስ ፐርቱረንት ሞንተስ፡ ናስቸቱር ሪዲኩለስ ሙስ. ኑላም ኢድ ዶሎር ኢድ ኒብህ ኡልትሪሲስ ቬሂኩላ ኡት ኢድ ኤሊት.
ቪቫሙስ ሳጂቲስ ላከስ ቬል ኣውጉ ላኦሪት ሩትሩም ፋውሲበስ ዶሎር ኦክተር። ዱይስ ሞሊስ፡ ኤስት ኖን ኮሞዶ ሉክቱስ፡ ኒሲ ኤራት ፖርቲቶር ሊጉላ፡ ኤጌት ላሲንያ ኦዲዮ ሴም ኔክ ኤሊት። ዶነክ ሰድ ኦዲዮ ዱይ።
ባእታ | ኣጠቓቕማ | ዘይናይግድን |
---|---|---|
<strong> |
ንሓደ ቁንጣሮ ጽሑፍ ምስ ኣገዳሲ ንምጉላሕ | ዋላ ሓደ |
<em> |
ንሓደ ቁንጣሮ ጽሑፍ ብውጥረት ንምጉላሕ | ዋላ ሓደ |
<abbr> |
ነቲ ዝተሰፍሐ ስሪት ኣብ ሆቨር ንምርኣይ ኣሕጽሮተ ቃላትን ኣሕጽሮተ ቃላትን ይጠቕልል | title ንዝተሰፍሐ ጽሑፍ ኣማራጺ ኣካትት ። |
<address> |
ንዝቐረበ ኣቦሓጎኡ ወይ ንመላእ ኣካል ስራሕ ርክብ ሓበሬታ ንምርካብ | ንኹሎም መስመራት ብ ብምውዳእ ቅርጺ ምዕቃብ<br> |
ፉስ ዳፒቡስ ፣ ቴሉስ ኣክ ከርሱስ ኮሞዶ ፣ ቶርቶር ማውሪስ ኮንዲመንቱም ኒብህ ፣ ኡት ፈርመንቱም ማሳ ጁስቶ ኮፍ ኣሜት ሪሱስ። ማሴናስ ፋውሲበስ ሞሊስ ኢንተርዱም ዝበሃል እዩ። ኑላ ቪታ ኤሊት ሊበሮ፡ ፋሬትራ ኣውጉ።
መተሓሳሰቢ<b>
፡ ክትጥቀሙን ብHTML5 ን ናጻ ትኾኑ <i>
፡ ግን ኣጠቓቕምኦም ቁሩብ ተቐይሩ ኣሎ። <b>
ተወሳኺ ኣገዳስነት ከየመሓላልፍ ቃላት ወይ ሓረጋት ንምጉላሕ ዝዓለመ ክኸውን ከሎ <i>
መብዛሕትኡ ንድምጺ፡ ቴክኒካዊ ቃላት ወዘተ ዝኸውን እዩ።
<address>
እቲ መለለዪ ብኸመይ ክጥቀመሉ ከም ዝኽእል ክልተ ኣብነታት ኣብዚ ኣለዉ ፤
ኣሕጽሮተ ቃላት ብዓቢ ጽሑፍን ፍኹስ ዝበለ ነጥቢ ዘለዎ ታሕተዋይ ዶብን ቅዲ ኣለዎም። ብተወሳኺ ኣብ ሆቨር ናይ ሓገዝ መመልከቲ ኣለዎም ስለዚ ተጠቀምቲ ተወሳኺ ምልክት ኣለዎም ኣብ ሆቨር ገለ ነገር ከም ዝረአ።
HTML ድሕሪ ዝተቖርጸ ባኒ እቲ ዝበለጸ ነገር እዩ።
ኣሕጽሮተ ቃል ናይቲ ባህሪ ዝብል ቃል attr .
ባእታ | ኣጠቓቕማ | ዘይናይግድን |
---|---|---|
<blockquote> |
ካብ ካልእ ምንጪ ትሕዝቶ ንምጥቃስ ዝሕግዝ ብሎክ-ደረጃ ባእታ |
.pull-left ምጥቃምን ክፍልታትን።.pull-right |
<small> |
ንተጠቃሚ ዝጥምት ምጥቃስ ንምውሳኽ ኣማራጺ ባእታ፣ ብተለምዶ ኣርእስቲ ስራሕ ዘለዎ ደራሲ | <cite> ኣብ ዙርያ ኣርእስቲ ወይ ስም ምንጪ ኣቐምጦ |
ብሎክኮት ንምሕዋስ <blockquote>
፡ ዝኾነ ኤችቲኤምኤል ከም ጥቕሲ ጠቕልሎ። ትኽ ዝበለ ጥቕስታት ንሕና ንመክር <p>
.
ምንጪኻ ንምጥቃስ ኣማራጺ ባእታ ኣካትት እሞ ንዕላማታት ቅዲ ቅድሚኡ <small>
em dash ክትረክብ ኢኻ ።—
- <ብሎክquote> ዝብል ጽሑፍ ኣሎ።
- <p> ሎረም ኢፕሱም ዶሎር ኮፍ ኣሜት፡ consectetur adipiscing elit. ምሉእ ቁጽሪ posuere erat a ante venenatis. </p> ዝብል ጽሑፍ ኣሎ።
- <ንእሽቶ> ሓደ ፍሉጥ </small>
- </blockquote> ዝብል ጽሑፍ ኣሎ።
ነባሪ ብሎክኮትስ ከምዚ ዓይነት ቅዲ ኣለዎም፤
ሎረም ኢፕሱም ዶሎር ኮፍ ኣሜት፡ consectetur adipiscing elit. ምሉእ ቁጽሪ posuere erat a ante venenatis.
ኣብ ኣካል ስራሕ ፍሉጥ ሰብ
ብሎክኮትካ ናብ የማን ንምንሳፍ፡ ወስኸሉ class="pull-right"
:
ሎረም ኢፕሱም ዶሎር ኮፍ ኣሜት፡ consectetur adipiscing elit. ምሉእ ቁጽሪ posuere erat a ante venenatis.
ኣብ ኣካል ስራሕ ፍሉጥ ሰብ
<ul>
<ul class="unstyled">
<ol>
<dl>
ኣብ ውሽጢ መስመር ዝርከቡ ቁንጣሮ ኮድ ብ <code>
.
- ንኣብነት < code > ክፍሊ </ code > ከም ውሽጢ መስመር ክጥቕለል ይግባእ ።
<pre>
ንብዙሓት መስመራት ኮድ ተጠቐም ። ንግቡእ ምቕራብ ኣብቲ ኮድ ካብ ዝኾነ ናይ ኩርናዕ ቅንጥብጣብ ምህዳምካ ኣረጋግጽ።
<p>ኣብዚ ናሙና ጽሑፍ...</p>
- <ቅድሚ>
- <p>ኣብዚ ናሙና ጽሑፍ...</p>
- </pre> ዝብል ጽሑፍ ኣሎ።
መተሓሳሰቢ<pre>
፡ ኣብ ውሽጢ መለለዪታት ኮድ ብዝተኻእለ መጠን ናብ ጸጋም ቀረባ ምቕማጥካ ኣረጋግጽ ፤ ንኹሎም ትቦታት ከቕርቦም እዩ።
ብኣማራጺ ነቲ ክፍሊ ክትውስኾ ትኽእል ኢኻ .pre-scrollable
እዚ ድማ max-height 350px ዘቐምጥን y-axis scrollbar ዝህብን እዩ።
ተመሳሳሊ <pre>
ባእታ ወሲድካ ንዝተማዕበለ ምቕራብ ክልተ ኣማራጺ ክፍልታት ወስኸሉ።
- <p> ኣብዚ ንኣብነት ጽሑፍ... </p>
- <pre class = "ጽብቕቲ ሕትመት።"
- መስመር መስመር" >
- <p>ኣብዚ ናሙና ጽሑፍ...</p>
- </pre> ዝብል ጽሑፍ ኣሎ።
google-code-prettify ኣውርድ እሞ ከመይ ጌርካ ከም እትጥቀመሉ readme ርአ።
ምልጣፍ | መግለፂ |
---|---|
<table> |
ዳታ ብሰንጠረዥ ቅርጺ ንምርኣይ ዝሕግዝ መጠቕለሊ ባእታ |
<thead> |
መትሓዚ ባእታ ንመስመራት ርእሲ ሰደቓ ( <tr> ) ንዓምድታት ሰደቓ ስያመ ንምግባር |
<tbody> |
መትሓዚ ባእታ ንመስመራት ሰደቓ ( <tr> ) ኣብ ኣካል ናይቲ ሰደቓ |
<tr> |
ንሓደ ስብስብ ናይ ሰደቓ ዋህዮታት ( <td> ወይ <th> ) ኣብ ሓደ መስርዕ ዝረአ መትሓዚ ባእታ |
<td> |
ነባሪ ዋህዮ ሰደቓ |
<th> |
ፍሉይ ዋህዮ ሰደቓ ንዓምዲ (ወይ መስርዕ፡ ከከም ስፍሓትን ኣቀማምጣን) ስያመታት ኣብ ውሽጢ ሀ ክጥቀም ኣለዎ። <thead> |
<caption> |
መግለጺ ወይ ጽማቕ ናይቲ ሰደቓ እንታይ ይሕዝ፣ ብፍላይ ንኣንበብቲ ስክሪን ጠቓሚ |
- <ሰንጠረዥ>
- <ርእሲ> ዝብል እዩ።
- <tr> ዝብል ጽሑፍ ኣሎ።
- <th> ... </th> ዝብል ጽሑፍ ኣሎ።
- <th> ... </th> ዝብል ጽሑፍ ኣሎ።
- </tr> ዝብል ምዃኑ ይፍለጥ
- </thead> ዝብል ጽሑፍ ኣሎ።
- <tbody> ዝብል ምዃኑ ይፍለጥ
- <tr> ዝብል ጽሑፍ ኣሎ።
- <td> ... </td> ዝብል ጽሑፍ ኣሎ።
- <td> ... </td> ዝብል ጽሑፍ ኣሎ።
- </tr> ዝብል ምዃኑ ይፍለጥ
- </tbody> ዝብል ጽሑፍ ኣሎ።
- </table> ዝብል ጽሑፍ ኣሎ።
ሽም | ክፍሊ | መግለፂ |
---|---|---|
ትሑዝ | ዋላ ሓደ | ቅዲ የለን ዓምድታትን መስመራትን ጥራይ |
መሰረታዊ | .table |
ኣብ መንጎ መስመራት ዝርከቡ ኣግማድ መስመራት ጥራይ |
ዶብ ዘለዎ | .table-bordered |
ኩርናዓት የኽብብን ደጋዊ ዶብ ይውስኽን። |
ዜብራ-ስትሪፕ | .table-striped |
ኣብ ዘይተጻረዩ መስመራት (1, 3, 5, ወዘተ) ፍኹስ ዝበለ ግራጭ ድሕረ ባይታ ሕብሪ ይውስኽ |
ዝተሓጽረ | .table-condensed |
ንቐጥታዊ መሸፈኒ ብፍርቂ ይቖርጾ፣ ካብ 8px ክሳብ 4px፣ ኣብ ውሽጢ td ኩሉን th ባእታታትን |
ሰንጠረዥ ብኣውቶማቲክ ብውሑዳት ዶባት ጥራይ ቅዲ ተገይሩሉ ተነባብነት ንምርግጋጽን ኣቃውማ ንምዕቃብን እዩ። ምስ 2.0 እቲ .table
ክፍሊ የድሊ።
- <ሰንጠረዥ ክፍሊ = "ሰንጠረዥ" >
- ...
- </table> ዝብል ጽሑፍ ኣሎ።
# | ናይ መጀመርታ ሽም | ናይ መወዳእታ ሽም | ቋንቋ |
---|---|---|---|
1. | ማርክ | ኦቶ | ሲኤስኤስ |
2. | ያእቆብ | ቶርንቶን። | ጃቫስክሪፕት። |
3. | ስቱ | ደንት ዝብል ጽሑፍ ኣሎ። | ኤችቲኤምኤል |
ዜብራ-ስትሪፒንግ ብምውሳኽ ምስ ሰደቓታትካ ቁሩብ ፋንሲ ውሰድ- .table-striped
ክላስ ጥራይ ወስኸሉ።
መተሓሳሰቢ ፡ ስሪት ዘለዎም ሰደቓታት :nth-child
CSS መምረጺ ዝጥቀሙ ኮይኖም ኣብ IE7-IE8 ኣይርከቡን እዮም።
- <table class = "ሰንጠረዥ ሰንጠረዥ-ስሪት ዘለዎ" >
- ...
- </table> ዝብል ጽሑፍ ኣሎ።
# | ናይ መጀመርታ ሽም | ናይ መወዳእታ ሽም | ቋንቋ |
---|---|---|---|
1. | ማርክ | ኦቶ | ሲኤስኤስ |
2. | ያእቆብ | ቶርንቶን። | ጃቫስክሪፕት። |
3. | ስቱ | ደንት ዝብል ጽሑፍ ኣሎ። | ኤችቲኤምኤል |
ኣብ ዙርያ ምሉእ ጠረጴዛ ዶባትን ንጽባቐ ዝኸውን ክቡብ ኩርናዓትን ምውሳኽ።
- <table class = "ሰንጠረዥ-ዝተወሰነ" >
- ...
- </table> ዝብል ጽሑፍ ኣሎ።
# | ናይ መጀመርታ ሽም | ናይ መወዳእታ ሽም | ቋንቋ |
---|---|---|---|
1. | ማርክ ኦቶ | ሲኤስኤስ | |
2. | ያእቆብ | ቶርንቶን። | ጃቫስክሪፕት። |
3. | ስቱ | ደንት ዝብል ጽሑፍ ኣሎ። | |
3. | ብሮሰፍ | ስታሊን | ኤችቲኤምኤል |
.table-condensed
ንመሸፈኒ ዋህዮ ሰደቓ ኣብ ክልተ (ካብ 8px ክሳብ 4px) ንምቑራጽ ነቲ ክፍሊ ብምውሳኽ ሰደቓታትካ ዝያዳ ውህሉል ግበሮም።
- <table class = "ሰንጠረዥ-ሰደቓ-ተሓጺሩ" >
- ...
- </table> ዝብል ጽሑፍ ኣሎ።
# | ናይ መጀመርታ ሽም | ናይ መወዳእታ ሽም | ቋንቋ |
---|---|---|---|
1. | ማርክ | ኦቶ | ሲኤስኤስ |
2. | ያእቆብ | ቶርንቶን። | ጃቫስክሪፕት። |
3. | ስቱ | ደንት ዝብል ጽሑፍ ኣሎ። | ኤችቲኤምኤል |
ዝኾነ ካብቶም ናይ ጠረጴዛ ክፍልታት ብምውህሃድ ዝኾነ ካብቶም ዘለዉ ክፍልታት ብምጥቃም ዝተፈላለየ መልክዕ ንምርካብ ናጻ ትኾኑ።
- <table class = "ሰንጠረዥ ሰንጠረዥ-ስርርዕ ሰደቓ-ዝተወሰነ ሰደቓ-ተሓጺሩ" >
- ...
- </table> ዝብል ጽሑፍ ኣሎ።
# | ናይ መጀመርታ ሽም | ናይ መወዳእታ ሽም | ቋንቋ |
---|---|---|---|
1. | ማርክ | ኦቶ | ሲኤስኤስ |
2. | ያእቆብ | ቶርንቶን። | ጃቫስክሪፕት። |
3. | ስቱ | ደንት ዝብል ጽሑፍ ኣሎ። | ኤችቲኤምኤል |
4. | ብሮሰፍ | ስታሊን | ኤችቲኤምኤል |
እቲ ዝበለጸ ክፋል ብዛዕባ ቅጥዕታት ኣብ ቡትስትራፕ ኩሎም እታዎታትካን ቁጽጽራትካን ኣብ ማርካፕካ ብኸመይ ትሃንጾም ብዘየገድስ ጽቡቕ ትርኢት ምህላዎም እዩ። ዝኾነ ትርፊ ኤችቲኤምኤል ኣየድልን እዩ፡ ግን ነቶም ዝጠልብዎ ቅዲታት ነቕርብ።
ዝያዳ ዝተሓላለኹ ኣቀማምጣታት ንቐሊል ቅዲን ምትእስሳር ክስተትን ብሕጽር ዝበለን ዝዓቢን ክፍልታት ይመጹ፣ ስለዚ ኣብ ነፍሲ ወከፍ ስጉምቲ ትሽፈን።
ቡትስትራፕ ንኣርባዕተ ዓይነት ቅጥዒ ኣቀማምጣ ደገፍ ሒዙ ይመጽእ፤
ዝተፈላለዩ ዓይነታት ቅጥዒ ኣቀማምጣ ንማርካፕ ገለ ለውጢ የድልዮም፣ እንተኾነ ግን እቶም ቁጽጽር ንባዕሎም ሓደ ዓይነት ኮይኖም ይቕጽሉን ይመላለሱን።
ናይ Bootstrap ቅጥዕታት ንኹሎም መሰረታዊ ቅጥዕታት ቁጽጽር ከም input, textarea, ከምኡ ውን ትጽበዮ ምረጽ ቅዲታት የጠቓልል። ግን ብርክት ዝበሉ ብሕታዊ ባእታታት ከም ዝተወሰኹን ቅድሚኡ ዝተሰቕሉን እታዎታትን ንዝርዝር ሳጹናት ምልክት ዝድግፍን እውን ሒዙ ይመጽእ እዩ።
ከም ጌጋ፣ መጠንቀቕታን ዓወትን ዝኣመሰሉ ግዝኣታት ንነፍሲ ወከፍ ዓይነት ምቁጽጻር ቅጥዒ ተኻቲቶም ኣለዉ። ብተወሳኺ ንስንኩላን ቁጽጽር ዝኸውን ቅዲታት ተኻቲቱ ኣሎ።
ቡትስትራፕ ንኣርባዕተ ቅዲታት ናይ ልሙዳት መርበብ ቅጥዕታት ቀሊል ምልክትን ቅዲታትን ይህብ።
ሽም | ክፍሊ | መግለፂ |
---|---|---|
ቀጥታዊ (ነባሪ) . | .form-vertical (ኣየድልን) |
ዝተደራረቡ፣ ብጸጋም ዝተሰለፉ ስያመታት ኣብ ልዕሊ ቁጽጽር |
ኣብ መስመር | .form-inline |
ንጸጋም ዝተሰለፈ ምልክትን ውሽጣዊ-ብሎክ መቆጻጸሪታትን ንውሱን ቅዲ |
ምድላይ | .form-search |
ተወሳኺ-ክቡብ ጽሑፍ ምእታው ንልሙድ ናይ ምድላይ ስነ-ጽባቐ |
ንጋድም | .form-horizontal |
ንጸጋም፣ ብየማን ዝተሰለፉ ስያመታት ኣብ ሓደ መስመር ምስ መቆጻጸሪታት ኣንሳፈፍ |
ምስ v2.0 ንቅዲ ቅጥዕታት ዝቐለሉን ዝበሃሉን ነባሪ ነገራት ኣለዉና። ተወሳኺ ምልክት የለን፣ ቁጽጽር ቅጥዒ ጥራይ።
- <ቅጥዒ ክፍሊ = "ጽቡቕ" >
- <label> ስም ስያመ </label>
- <input type = "text" class = "span3" placeholder = " ገለ ጽሓፍ..." >
- <span class = "help-inline" > ተዛማዲ ናይ ሓገዝ ጽሑፍ! </span> ዝብል ጽሑፍ ኣሎ።
- <label class = "ሳጹን ምልክት" >
- <input type = "checkbox" > ንዓይ ርኣዩ።
- </label> ዝብል ጽሑፍ ኣሎ።
- <button type = "submit" class = "btn" > ኣቕርብ </መጠወቒ>
- </form> ዝብል ጽሑፍ ኣሎ።
ነባሪ ቅዲታት ዌብኪት ዘንጸባርቕ፣ .form-search
ንተወሳኺ ክቡብ ናይ ምድላይ ዓውድታት ጥራይ ምውሳኽ።
- <form class = "ጽቡቕ ቅጥዒ-ምድላይ" >
- <input type = "text" class = "ምእታው-ማእከላይ ምድላይ-ሕቶ" >
- <button type = "submit" class = "btn" > ምድላይ </መጠወቒ>
- </form> ዝብል ጽሑፍ ኣሎ።
እታዎታት ንምጅማር ደረጃ ብሎክ እዮም። ንን .form-inline
፣ .form-horizontal
inline-block ንጥቀም።
- <form class = "ጽቡቕ ቅጥዒ-ኣብ መስመር" >
- < ዓይነት ምእታው = "ጽሑፍ" ክፍሊ = "ምእታው-ንእሽቶ" ቦታ = "ኢመይል" >
- <input type = "password" class = "input-small" ዝብል ቦታ = "መሕለፊ ቃል" >
- < ዓይነት መጠወቒ = "ኣቕርብ" ክፍሊ = "btn" > ኪድ </መጠወቒ>
- </form> ዝብል ጽሑፍ ኣሎ።
ኣብ ላዕሊ ዘሎ ኣብነት ቅጥዒ ኣቀማምጣ ኣብ ግምት ብምእታው፡ ምስቲ ቀዳማይ ምእታውን ምቁጽጻርን ጉጅለ ዝተኣሳሰር ምልክት ኣብዚ ኣሎ። እቶም .control-group
, .control-label
, ከምኡ ውን .controls
ክፍልታት ኩሎም ንቅዲ ዘድልዩ እዮም።
- <form class = "ቅርጺ-ኣግማድ" >
- <ናይ ሜዳ ስብስብ>
- <legend> ጽሑፍ ኣፈ-ታሪኽ </legend>
- <div class = "ቁጽጽር-ጉጅለ" >
- <label class = "control-label" for = "ምእታው01" > ምእታው ጽሑፍ </label>
- <div class = "ዝቆጻጸር" >
- < ዓይነት ምእታው = "ጽሑፍ" ክፍሊ = "ምእታው-xlarge" id = "ምእታው 01" >
- <p class = "help-block" > ዝድግፍ ናይ ሓገዝ ጽሑፍ </p>
- </div> ዝብል ጽሑፍ ኣሎ።
- </div> ዝብል ጽሑፍ ኣሎ።
- </fieldset> ዝብል ጽሑፍ ኣሎ።
- </form> ዝብል ጽሑፍ ኣሎ።
ኣብ ጸጋም ዝተርኣዩ ኩሎም እቶም እንድግፎም ነባሪ ናይ ቅጥዒ ቁጽጽር እዮም። ዝርዝር ጥይት ኣብዚ ኣሎ፤
ክሳብ v1.4፡ ናይ Bootstrap ነባሪ ቅዲ ቅጥዒ፡ ነቲ ኣግማድ ኣቀማምጣ ይጥቀሙ ነይሮም። ብ Bootstrap 2 ንዝኾነ ቅጥዒ ዝያዳ በሊሕን ዝያዳ ስኬላብልን ነባሪ ንኽህልወና ነቲ ደረት ኣወጊድናዮ።
ቡትስትራፕ ንብራውዘር ዝድገፉ ትኹረት ዝገበሩን disabled
ግዝኣታትን ቅዲታት ኣለዉዎ። ነቲ ነባሪ ዌብኪት ነወግዶ outline
እሞ box-shadow
ኣብ ክንድኡ ን :focus
.
ብተወሳኺ ንጌጋታት፡ መጠንቀቕታታትን ዓወትን ዝኸውን ናይ ምጽዳቕ ቅዲታት የጠቓልል። ንምጥቃም፡ ነቲ ናይ ጌጋ ክፍሊ ኣብቲ ከባቢኡ ወስኸሉ .control-group
።
- <ናይ ሜዳ ስብስብ
- class = "ናይ ቁጽጽር-ጉጅለ ጌጋ" >
- ...
- </fieldset> ዝብል ጽሑፍ ኣሎ።
ጉጅለታት እታዎታት-ምስ ዝተወሰኸ ወይ ቅድሚኡ ዝተሰቕለ ጽሑፍ-ንእታውታትካ ዝያዳ ዓውደ-ጽሑፍ ንምሃብ ቀሊል መገዲ ይህቡ። ዓበይቲ ኣብነታት ንኣስማት ተጠቀምቲ ትዊተር @ ምልክት ወይ ንፋይናንስ $ ይርከብዎም።
ክሳብ v1.4፡ Bootstrap ንኽድምር ኣብ ዙርያ ሳጹናት ምልክትን ሬድዮታትን ተወሳኺ ምልክት ምግባር የድልዮ ነይሩ። ሕጂ <label class="checkbox">
፡ ነቲ ን <input type="checkbox">
.
ኣብ መስመር ዝርከቡ ሳጹናት ምልክትን ሬድዮታትን እውን ይድገፉ እዮም። በቃ .inline
ኣብ ዝኾነ .checkbox
ወይ ወስኸሉ .radio
እሞ ወዲእካዮ።
ቅድመ-ምልክት ወይ ምውሳኽ እታዎታት ብውሽጢ መስመር ቅርጺ ንምጥቃም፡ ነቲን ኣብ ሓደ .add-on
መስመር input
፡ ብዘይ ነጥቢ ምቕማጥካ ኣረጋግጽ።
ንናይ ቅጥዒ እታዎታትካ ናይ ሓገዝ ጽሑፍ ንምውሳኽ ፡ ድሕሪ ናይ ምእታው ባእታ ኣብ መስመር ሓገዝ ጽሑፍ ምስ <span class="help-inline">
ወይ ናይ ሓገዝ ጽሑፍ ብሎክ ምስ ኣካትት።<p class="help-block">
:after
። ኣብቲ docs ንዓቐን ናይቲ ምልክት ንምጉላሕ ኣብ hover ፍኹስ ዝበለ ቀይሕ ሕብሪ ድሕረ ባይታ ነርኢ።
ንነፍሲ ወከፍ ምልክት ተወሳኺ ሕቶ ኣብ ክንዲ እንገብሮ፡ ናብ ስፕራይት ኣጠቓሊልናዮም ኣለና-ኣብ ሓደ ፋይል ዝርከቡ ዕስለ ምስልታት፡ ነቶም ምስልታት ብ background-position
. እዚ ኣብ ትዊተር ዶት ኮም እንጥቀመሉ ኣገባብ እዩ ጽቡቕ ድማ ሰሪሑልና ኣሎ።
ኩሎም ናይ ምልክታት ክፍልታት .icon-
ብግቡእ ናይ ኣስማት ርሕቀትን ስፍሓትን ቅድመ-ጥብቆ ይግበረሎም፣ ልክዕ ከምቶም ካልኦት ባእታታትና። እዚ ድማ ምስ ካልኦት መሳርሒታት ከይጋጮ ክሕግዝ እዩ።
ግሊፊኮንስ ኣብዚ ኣብ docs ሊንክን ክሬዲትን ክሳብ ዝሃብና ኣብ ክፉት ምንጪ መሳርሒታትና ዝተቐመጡ Halflings ክንጥቀም ፈቒዱልና ኣሎ። በጃኹም ኣብ ፕሮጀክትታትኩም እውን ከምኡ ምግባር ኣብ ግምት ኣእትውዎ።
ምስ v2.0.1፡ ንኹሎም ምልክታትና መለለዪ ክንጥቀም መሪጽና ኣለና <i>
፡ ግን ዝኾነ ናይ ጉዳይ ክፍሊ የብሎምን-ዝተኻፈለ ቅድመ-ጥብቆ ጥራይ። ንኽትጥቀመሉ፡ ነዚ ዝስዕብ ኮድ ዳርጋ ኣብ ዝኾነ ቦታ ኣቐምጦ፤
- <i class = "ምልክት-ምድላይ" </i>
ንዝተገልበጡ (ጻዕዳ) ምልክታት ዝኸውን ቅዲታት እውን ኣለዉ፣ ምስ ሓደ ተወሳኺ ክፍሊ ድሉዋት ዝኾኑ፤
- <i class = "ምልክት-ምድላይ ምልክት-ጻዕዳ" ></i>
ንኣርማማትካ ክትመርጾም እትኽእል 120 ክፍልታት ኣለዉ። በቃ <i>
ትኽክለኛ ክፍልታት ዘለዎ መለለዪ ወስኹ እሞ ተዳልዩ ኣለኻ። ምሉእ ዝርዝር ኣብ sprites.less ወይ ልክዕ ኣብዚ ኣብዚ ሰነድ ክትረኽብዎ ትኽእሉ ኢኹም።
ምልክታት ብሉጻት እዮም፡ ግን ሓደ ሰብ ኣበይ ምተጠቐመሎም? ገለ ሓሳባት እነሆ፤
ብመሰረቱ ኣብ ዝኾነ ቦታ <i>
መለለዪ ከተቐምጥ እትኽእል ቦታ ምልክት ከተቐምጥ ትኽእል ኢኻ።
ኣብ መጠወቒታት፣ ንመሳርሒታት ዝኸውን ጉጅለታት መጠወቒታት፣ ምድህሳስ፣ ወይ ቅድሚኡ ዝተሰነየ ቅጥዒ ምእታው ተጠቐመሎም።