Liste in Bootstrap

postat acum 3 ani de Stefanescu Mihai in categorie Bootstrap

Dupa cum deja stiati (din HTML) putem defini 3 tipuri de liste:

  • Liste neordonate (ul) ce sunt marcate cu buline
  • Liste ordonate (ol) ce sunt marcate cu numere.
  • Liste de definire (dl) ce contin termeni si definitiile acestora

Lista neordonata unstyled

Probabil ati intalnit momente in care trebuia sa slimitati stilul default al unei liste neordonate din CSS. Ei bine, bootstrap ne pune la dispozitie o clasa ce face exact acest lucru.

    <ul class="list-unstyled">
        <li>Acasa</li>
        <li>Tutoriale
            <ul>
                <li>HTML</li>
                <li>CSS</li>
                <li>Bootstrap</li>
            </ul>
        </li>
        <li>Despre Mine</li>
        <li>Contact</li>
    </ul>

Lista Inline

Probabil ati fost nevoiti sa faceti un ul sa fie afisat inline (pentru un meniu probabil). Bootstrap ne pune la dispozitie o clasa ce face acest lucru pentru noi.

    <ul class="list-inline">
        <li>Home</li>
        <li>Despre Mine</li>
        <li>Categroii</li>
        <li>Servicii</li>
        <li>Contact</li>
    </ul>

Liste de definire

Iata cum putem crea o lista de fefinire orizontala in bootstrap:

<dl class="dl-horizontal">
            <dt>User Agent</dt>
	    <dd>An HTML user agent is any device that interprets HTML documents.</dd>
	    <dt>Client-side Scripting</dt>
	    <dd>Client-side scripting generally refers to the category of computer programs on the web that are executed client-side i.e. by the user's web browser.</dd>
	    <dt>Document Tree</dt>
	    <dd>The tree of elements encoded in the source document.</dd>
</dl>

Sunt un tanar programator din Bucuresti ce lucreaza in PHP/Mysql (MySqli/PDO), Laravel, CodeIgniter, MySQL, PostgreSQL, Wordpress, HTML5/CSS3, Sass, Photoshop si multe altele.
Google+ Community Facebook Group

Comentariu postate de download minecraft for free la data de 14.05.2019
Spot on with this write-up, I absolutely believe this web site needs far more attention. I'll probably be back again to read through more, thanks for the info!
Comentariu postate de minecraft download mojang la data de 15.05.2019
Its like you read my mind! You seem to know a lot about this, such as you wrote the e book in it or something. I think that you simply could do with some p.c. to force the message home a little bit, however instead of that, that is great blog. An excellent read. I will certainly be back.
Comentariu postate de mojang minecraft download la data de 16.05.2019
Hi, I do think this is an excellent website. I stumbledupon it ;) I may return yet again since I book-marked it. Money and freedom is the best way to change, may you be rich and continue to help other people.