ትሕዝቶ
ኣብ ቡትስትራፕ እንታይ ከም ዘሎ ርኸብ፣ ቅድሚኡ ዝተጠርነፈን ምንጪ ኮድን መኣዛታትና ሓዊስካ።
ቅድሚኡ ዝተጠርነፈ ቡትስትራፕ
ሓንሳብ ምስ ኣውረድና ነቲ ዝተጸቕጠ ፎልደር ንፈትሖ እሞ ከምዚ ዝስዕብ ክትሪኢ ኢኻ፤
bootstrap/
├── css/
│ ├── bootstrap-grid.css
│ ├── bootstrap-grid.css.map
│ ├── bootstrap-grid.min.css
│ ├── bootstrap-grid.min.css.map
│ ├── bootstrap-grid.rtl.css
│ ├── bootstrap-grid.rtl.css.map
│ ├── bootstrap-grid.rtl.min.css
│ ├── bootstrap-grid.rtl.min.css.map
│ ├── bootstrap-reboot.css
│ ├── bootstrap-reboot.css.map
│ ├── bootstrap-reboot.min.css
│ ├── bootstrap-reboot.min.css.map
│ ├── bootstrap-reboot.rtl.css
│ ├── bootstrap-reboot.rtl.css.map
│ ├── bootstrap-reboot.rtl.min.css
│ ├── bootstrap-reboot.rtl.min.css.map
│ ├── bootstrap-utilities.css
│ ├── bootstrap-utilities.css.map
│ ├── bootstrap-utilities.min.css
│ ├── bootstrap-utilities.min.css.map
│ ├── bootstrap-utilities.rtl.css
│ ├── bootstrap-utilities.rtl.css.map
│ ├── bootstrap-utilities.rtl.min.css
│ ├── bootstrap-utilities.rtl.min.css.map
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ ├── bootstrap.min.css.map
│ ├── bootstrap.rtl.css
│ ├── bootstrap.rtl.css.map
│ ├── bootstrap.rtl.min.css
│ └── bootstrap.rtl.min.css.map
└── js/
├── bootstrap.bundle.js
├── bootstrap.bundle.js.map
├── bootstrap.bundle.min.js
├── bootstrap.bundle.min.js.map
├── bootstrap.esm.js
├── bootstrap.esm.js.map
├── bootstrap.esm.min.js
├── bootstrap.esm.min.js.map
├── bootstrap.js
├── bootstrap.js.map
├── bootstrap.min.js
└── bootstrap.min.js.map
እዚ እቲ ዝበለጸ መሰረታዊ መልክዕ ናይ Bootstrap እዩ: ዳርጋ ኣብ ዝኾነ ዌብ ፕሮጀክት ንቕልጡፍ ምውራድ ኣጠቓቕማ ዝኸውን ኣቐዲሞም ዝተጠርነፉ ፋይላት። ዝተጠርነፉ CSSን JS ን ( bootstrap.*
)፣ ከምኡ እውን ዝተጠርነፉን ዝተቐነሱን CSSን JSን ( bootstrap.min.*
) ንህብ። ምንጪ ካርታታት ( bootstrap.*.map
) ምስ ዝተወሰኑ ናይ ዳህሰስቲ መሳርሒታት መማዕበሊ ንኽትጥቀመሎም ይርከቡ። ዝተጠርነፉ JS ፋይላት ( bootstrap.bundle.js
ከምኡውን ዝተቐነሱ bootstrap.bundle.min.js
) ፖፐር የጠቓልሉ ።
ፋይላት ሲኤስኤስ
ቡትስትራፕ ገለ ወይ ንኹሉ ካብቲ ዝተጠርነፈ ሲኤስኤስና ንምሕዋስ ብኣጻብዕ ዝቑጸሩ ኣማራጺታት የጠቓልል።
ፋይላት ሲኤስኤስ | ንድፊ | ትሕዝቶ | ኣካላት | ዩቲሊቲታት |
---|---|---|---|---|
bootstrap.css
bootstrap.rtl.css
bootstrap.min.css
bootstrap.rtl.min.css
|
ተሓዊስዎ ኣሎ። | ተሓዊስዎ ኣሎ። | ተሓዊስዎ ኣሎ። | ተሓዊስዎ ኣሎ። |
bootstrap-grid.css
bootstrap-grid.rtl.css
bootstrap-grid.min.css
bootstrap-grid.rtl.min.css
|
ስርዓት ሽቦ ጥራይ | — | — | ፍሌክስ ዩቲሊቲታት ጥራይ |
bootstrap-utilities.css
bootstrap-utilities.rtl.css
bootstrap-utilities.min.css
bootstrap-utilities.rtl.min.css
|
— | — | — | ተሓዊስዎ ኣሎ። |
bootstrap-reboot.css
bootstrap-reboot.rtl.css
bootstrap-reboot.min.css
bootstrap-reboot.rtl.min.css
|
— | Reboot ጥራይ እዩ። | — | — |
JS ፋይላት
ብተመሳሳሊ ገለ ወይ ንኹሉ ካብቲ ዝተጠርነፈ ጃቫስክሪፕትና ንምሕዋስ ኣማራጺታት ኣለዉና።
JS ፋይላት | ፖፐር ዝበሃል ትካል |
---|---|
bootstrap.bundle.js
bootstrap.bundle.min.js
|
ተሓዊስዎ ኣሎ። |
bootstrap.js
bootstrap.min.js
|
— |
ቡትስትራፕ ምንጪ ኮድ
እቲ ናይ ቡትስትራፕ ምንጪ ኮድ ምውራድ ቅድሚኡ ዝተጠርነፈ ንብረት ሲኤስኤስን ጃቫስክሪፕትን ምስ ምንጪ ሳስ፡ ጃቫስክሪፕትን ሰነዳትን የጠቓልል። ብዝያዳ ብፍሉይ ድማ ነዞም ዝስዕቡን ካልኦትን ዘጠቓለለ እዩ፤
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── site/
│ └──content/
│ └── docs/
│ └── 5.1/
│ └── examples/
├── js/
└── scss/
እቶም scss/
and js/
ናይ CSSን JavaScriptን ምንጪ ኮድ እዮም። እቲ dist/
ፎልደር ኣብ ላዕሊ ኣብቲ ኣቐዲሙ ዝተጠርነፈ ናይ ምውራድ ክፍሊ ዝተዘርዘረ ኩሉ ዘጠቓልል እዩ። እቲ site/docs/
ፎልደር ንሰነዳትና ዝኸውን ምንጪ ኮድ ዘጠቓልል እዩ፣ ከምኡውን examples/
ናይ ቡትስትራፕ ኣጠቓቕማ። ካብዚ ወጻኢ ዝኾነ ካልእ ዝተሓወሶ ፋይል ንፓኬጃት፡ ሓበሬታ ፍቓድን ምዕባለን ደገፍ ይህብ።