bootstrap help

thomian

Well-known member
  • May 20, 2011
    12,041
    16,796
    113
    මචන් මේ bootstrap template එකේ මේ තියෙන search bar එක මේ red arrow එකේ පෙන්නලා තියෙන හරියට පහලට ගන්නේ කොහොමද ?


    මේකේ මේ කොළ පාටින් පෙන්නලා තියෙන තැනට w3schools එකේ තියෙන මෙන්න මේ login button එක add කරගන්නත් දන්නේ කෙනෙක් පොඩි උදවුවක් දෙන්න

    මම ට්‍රයි කළා..එත් හරියට එන්නේ නෑ මචන් :(:(:(

    https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_modal2&stacked=h

    ejHhqk
    Capture.jpg
    K9bbFEf.jpg


    0boVvTA.jpg
     

    Malinga

    Well-known member
  • Jul 20, 2006
    61,301
    1,013
    113
    thani column eke nathuva column 3 kalanum harine. eeta amatharava virtical center karanna puluvan tricks pavichchi karanna. css valin.
     
    Last edited:
    • Like
    Reactions: thomian

    Lakshan-Seram

    Well-known member
  • May 31, 2011
    24,714
    12,619
    113
    127.0.0.1:8080/Kandy
    meka try karala balanna.
    PHP:
    input.mr-sm-2 {
      vertical-align: middle;
      display: inline-block;
    }
    button.btn-info {
      display: inline-block;
    }
    nettam ithin float thama


    edit:

    aye codes danakota code eka dapan apita try karala hari code ekama liyanna :nerd:
     
    Last edited:
    • Like
    Reactions: thomian

    thomian

    Well-known member
  • May 20, 2011
    12,041
    16,796
    113
    serach eka dapan navbar-form kiyala class ekak thiyenawa, eka athulata.
    form inline class eka galawapan.

    http://getbootstrap.com/getting-started

    onna oke examples tika inspect karala balapan dev tools walin.

    thani column eke nathuva column 3 kalanum harine. eeta amatharava virtical center karanna puluvan tricks pavichchi karanna. css valin.

    meka try karala balanna.
    PHP:
    input.mr-sm-2 {
      vertical-align: middle;
      display: inline-block;
    }
    button.btn-info {
      display: inline-block;
    }
    nettam ithin float thama


    edit:

    aye codes danakota code eka dapan apita try karala hari code ekama liyanna :nerd:

    ela machan...thanks :):):):love::love::love:
     

    heshana

    Well-known member
  • Oct 13, 2009
    5,292
    371
    83
    ul > li athule kawda ban form danne... ul > li > a thama standerd eka validate kaloth fail wei oka...

    oya form eka ul > li eken eliyata ganin
     

    I love JS

    Well-known member
  • Feb 23, 2016
    4,447
    375
    83
    ul > li athule kawda ban form danne... ul > li > a thama standerd eka validate kaloth fail wei oka...

    oya form eka ul > li eken eliyata ganin

    Mokadda machan e seen eka :baffled: ehema validate wenne naththe na ban.. man danna tharamin body ekata danna puluwan ona element ekak <li> tags athule danna puluwan.. :yes::yes:
     

    heshana

    Well-known member
  • Oct 13, 2009
    5,292
    371
    83
    Mokadda machan e seen eka :baffled: ehema validate wenne naththe na ban.. man danna tharamin body ekata danna puluwan ona element ekak <li> tags athule danna puluwan.. :yes::yes:

    danna puluwan aulak na.... samahara clients la innawa site eka hadana validate karala illanawa.... ethakota validatation walata damama u standard check karanawa ethakota warning or error ekak enawa...

    un balanne EX:

    ul > li > a or button or span

    form > fieldset > inout or select or textarea

    nav > ul > li > a

    table > tbody > tr > td >

    ohoma hena godak thiyenawa... godak un balanne na owa eth samahara un balanawa
     

    I love JS

    Well-known member
  • Feb 23, 2016
    4,447
    375
    83
    danna puluwan aulak na.... samahara clients la innawa site eka hadana validate karala illanawa.... ethakota validatation walata damama u standard check karanawa ethakota warning or error ekak enawa...

    un balanne EX:

    ul > li > a or button or span

    form > fieldset > inout or select or textarea

    nav > ul > li > a

    table > tbody > tr > td >

    ohoma hena godak thiyenawa... godak un balanne na owa eth samahara un balanawa

    validator eke nam erros enne na machan, man uba kiwwata check kala ehema awulak na.. menna thiyenawa check karapu code eka..

    https://validator.w3.org/#validate_by_input


    PHP:
    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <title>hello world</title>
      </head>
      <body>
        
        <ul>
          <li>sdfs</li>
          <li>sdfs</li>
          <li>sdfs</li>
          <li>
           <div>
            <form>
              <input>
            </form>
           </div>
          </li>
        </ul>
        
      </body>
    </html>

    ehema awulak na ban.. body eke danna puluwan onama tag ekak <li> athule danna puluwan..