Jak edytować forumalrz kontaktowy

Question

Witam,

mam formularz kontaktowy ( zdj poniżej ) , wszystko jest z bootstrap'a i ma tą samą klasę, ale ja chcę edytować tylko treść, a resztę pozostawić bez zmian, ma ktoś pomysł jak to zrobić?

   <form>
                 <div class="row">
                         <div class="col">
                                Imię i nazwisko:<input type="text" class="form-control" placeholder="Imię i nazwisko">
                        </div>

                        <div class="col">
                               E-mail:<input type="text" class="form-control" placeholder="E-mail">
                       </div>
              </div>

               <div class="row">
                      <div class="col">
                             Treśc:<input type="text" class="form-control" placeholder="Treśc...">
                      </div>
               </div>

               <button type="button" class="btn btn-primary">Wyślij</button>

         </form>

 

Z góry dziękuję za odpowiedź.

Answer 1

Dodaj swoją własną klasę, która nadpisze klasę bootstrapową. Pamiętaj jednak że przy linkowaniu CSS'ów, najpierw dodać linka dla swojego pliku CSS, a później dopiero bootstrapową (inaczej klasy bootstrapowe nadpiszą Twoje zmiany).

<div class="row">
                   <div class="col">
                          Treśc:<input type="text" class="form-control myClass" placeholder="Treśc...">
                   </div>
</div>

 

.myClass {
  border: 2px solid red;
}

 

Comments

Dzięki za pomoc. Jeszcze mam teraz inny problem, zrobiłem tak:

  .container .myClass
 {
    height: 500px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start; 
}

Niby rozmiar się zmienił, tylko zaczyna mi pisać w  w środku, a ustawiłem przecież, żeby zaczynało się od góry.

 

---

Pamiętaj, Twój kod css napisany w ten sposób:

  .container .myClass
 {
    height: 500px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start; 
}

Oznacza że style wpływać będą na wszystkie dziedzi z klasą myClass w elemencie z klasą container:

<div class="container">
	<div class="myClass"></div> //ten element zostanie ostylowany
</div>

Jeżeli natomiast napiszesz Twój kod css w następujący sposób:

.container.myClass
 {
    height: 500px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start; 
}

* zauważ że pomiędzy .container, a .myClass nie ma spacji.

W takim przypadku ostylowany zostanie element z klasą container i myClass na raz:

<div class="container myClass"></div>

Nie wiem czy Ci pomogłem, bo niestety nie wiem jaki element chcesz uzyskać, ale myślę że to może Ci pomóc.

Answer 2

Co? Edytując treść? Chodzi Ci o zmianę "O nas" na "Nie umiem zmienić HTMLa"?

Comments

Prawdopodobnie chodziło o inputa 'Treść'

---

Dokładnie jak kolega powiedział, chodziło o input'a a nie o html.