Kezdőoldal » Számítástechnika » Egyéb kérdések » CSS és Bootstrap html-ben...

CSS és Bootstrap html-ben működik együtt?

Figyelt kérdés

Szóval, van egy HTML programom amihez csináltam CSS-t is. Az működik is de szeretnék Bootstrapet is bele rakni. Egy régebbi projektbe használtam már Bootstrapet, de ott nem volt CSS is. De most mikor hozzá adnám úgy hogy CSS-em is van akkor nem működik. Próbáltam a head-be rakni úgy hogy a CSS-nek és a Bootstrapnek is külön elérési útja van és próbáltam bele rakni a CSS elérési útja mellé is, de vagy a CSS vagy a Bootstrap működik csak. Bármi megoldás hogy egyszerre működjön mind kettő?

#programozás #HTML #CSS #Bootstrap

2022. márc. 25. 20:21

1 2 ❯

1/16 anonim

válasza:

"Szóval, van egy HTML programom"

Nincs. A html ugyanis nem programozási nyelv. Az meg, hogy nem működik... egészen konkrétan 0 információtartalommal bír. Ha már ennyi gépeltél, leírhattad volna a konkrét problémádat, mellékelve az eddig előállított cuccidat is.

2022. márc. 25. 20:24

Hasznos számodra ez a válasz?

2/16 A kérdező kommentje:

Elnézést, én eddig azt hittem a HTML is programozási nyelv. Mindenesetre ahogy írtam ha a head-be be írom a css fájl elérési útját akkor az működik, de ha alá még a bootstrap útját is beírom akkor a css már nem működik.:

Röviden:

CSS ekkor működik:

<head>

</head>

CSS nem működik, de a Bootstrap igen:

<head>

</head>

<body>

</body>

És akkor a kérdésem az, hogy hogyan oldjam meg hogy egyszerre a 2(CSS,Bootstrap) működjön?

2022. márc. 25. 20:41

3/16 anonim

válasza:

Egy üres html-ben szerinted mit kéne látni?

2022. márc. 25. 20:43

Hasznos számodra ez a válasz?

4/16 A kérdező kommentje:

Természetesen nem üres van benne navbar,h1,h2,p,fieldset,select stb... Azokat azért nem írtam csak le mert nem arra fókuszál mert azok normálisan működnek, csak ez a css és a bootstrap ami nem működik egyszerre.

2022. márc. 25. 20:48

5/16 anonim

válasza:

a HTML Leíró nyelv

mit tartalmaz a CSS-ed?

2022. márc. 25. 20:49

Hasznos számodra ez a válasz?

6/16 anonim

válasza:

Egészen konkrétan nem tudom eldönteni, hogy csak trollkodsz, vagy ténylegh ennyire kretén vagy. Mi nem működik? Mit szeretnél elérni, és mit kapsz eredményül? Leírnád végre? Igen, az ÖSSZES eddig elkészült tákolmányoddal mellékelve!

2022. márc. 25. 20:50

Hasznos számodra ez a válasz?

7/16 A kérdező kommentje:

Nem trollkodom. Ahogy mondtam szeretném hogy a bootstrap és a CSS is működjön egyszerre. Valójában a bootstrapet csak a navbar miatt akarom bele rakni.

<!DOCTYPE html>

<head>

<title>Filmek</title>

</head>

<body>

<a class="navbar-brand" href="#"><i class="bi bi-ticket-detailed"></i></i>Navbar</a>

</button>

<a class="nav-link active" aria-current="page" href="#">Főoldal</a>

</li>

<a class="nav-link" href="#">Jegyárak</a>

</li>

Kategóriák

</a>

<li><a class="dropdown-item" href="#">horror</a></li>

<li><a class="dropdown-item" href="#">komédia</a></li>

<li><a class="dropdown-item" href="#">vígjáték</a></li>

<li><a class="dropdown-item" href="#">romatika</a></li>

<li><a class="dropdown-item" href="#">fantasy</a></li>

<li><a class="dropdown-item" href="#">thriller</a></li>

<li><a class="dropdown-item" href="#">dráma</a></li>

<li><a class="dropdown-item" href="#">akciófilm</a></li>

<li><a class="dropdown-item" href="#">dokumentumfilm</a></li>

</ul>

</li>

</ul>

<button class="btn btn-outline-danger" type="submit">Keresés</button>

</form>

</div>

</nav>

<h1 align="center">Film Ajánló</h1>

<h2 align="center">Üdvözöljük weboldalunkon!</h2>

<h2>Kategóriák</h2>

<option value="">horror</option>

<option value="">komédia</option>

<option value="">vígjáték</option>

<option value="">romatika</option>

<option value="">fantasy</option>

<option value="">thriller</option>

<option value="">dráma</option>

<option value="">akciófilm</option>

<option value="">dokumentumfilm</option>

</select><br>

<h2>Műsor ajánló</h2>

<h2>Batman</h2>

<p>A Batman egy amerikai szuperhősfilm, amely a DC Comics Batman nevű karakterén alapul. A filmet Matt Reeves rendezte. A főszerepben Robert Pattinson, Zoë Kravitz,

Paul Dano, Jeffrey Wright, John Turturro, Peter Sarsgaard, Andy Serkis és Colin Farrell látható.</p>

<h2>Encanto</h2>

<p>Az Encanto 2021-ben bemutatott amerikai számítógépes animációs fantasy-filmvígjáték, gyártója a Walt Disney Animation Studios, forgalmazója a Walt

Disney Studios Motion Pictures. A stúdió 60. filmje Byron Howard és Jared Bush rendezésében, Charise Castro Smith társrendezésében. Producerek Clark Spencer

és Yvett Merino, a dalokat pedig Lin-Manuel Miranda írta. A szinkronszerepekben Stephanie Beatriz, John Leguizamo, María Cecilia Botero, Diane Guerrero, Jessica Darrow,

Angie Cepeda és Wilmer Valderrama hallható.</p>

<h2>Katonadolog</h2>

<p>A Katonadolog 2022-ben bemutatott amerikai filmvígjáték, amelyet Channing Tatum és Reid Carolin rendezett (mindkettőjüknek ez a rendezői debütálása).

A főbb szerepekben Tatum, Jane Adams, Kevin Nash, Q'orianka Kilcher, Ethan Suplee, Emmy Raver-Lampman és Bill Burr látható.</p>

<h2>Halál a Níiluson</h2>

<p>A Halál a Níluson 2022-ben bemutatásra kerülő brit-amerikai bűnügyi-thriller, melyet Kenneth Branagh rendezett és Michael Green írt, Agatha Christie

1937-es azonos című regénye alapján. A Branagh, Ridley Scott, Simon Kinberg, Judy Hofflund, Mark Gordon és Kevin J. Walsh által készített film a 2017-es

Gyilkosság az Orient expresszen folytatása, a főszerepben Branagh, Tom Bateman, Annette Bening, Russell Brand, Ali Fazal, Dawn French, Gal Gadot, Armie Hammer,

Rose Leslie, Emma Mackey, Sophie Okonedo, Jennifer Saunders és Letitia Wright látható.</p>

</fieldset>

</body>

</html>

CSS:

fieldset{

width: 53%;

font-size:24px;

margin: auto;

}

h1{

color: white;

border: 5px dashed red;

}

body{

background-image: url("wallpaper.jpg");

color: white;

}

h2 {

font-size: 30px;

text-decoration: underline;

}

img{

width: 200px;

height: 300px;

}

select{

padding: 10px;

background-color: dimgray;

font-size: 16px;

}

input{

padding: 10px;

background-color: dimgray;

font-size: 16px;

width: 150px

}

Szóval így van az egész. Ilyenkor van navbar de a css már nem működik.

2022. márc. 25. 21:01

8/16 anonim

válasza:

Ember, a saját stíluslapod gyakorlatilag általános selectorokkal van tele... Szerinted ezek nincsenek fölülb*szva a bootstrapben? No comment...

Lábjegyzet: Még mindig azt ismétled, hogy nem működik. Beakadt a lemez, vagy mi? Nehéz lett volna leírni, hogy nem az általam definiált stílusokat kapom renderelve, ha az enyém UTÁN illesztem be a bootstrapet?

2022. márc. 25. 21:09

Hasznos számodra ez a válasz?

9/16 anonim

válasza:

Kezd elölről az egészet, elsőnek bootstrapra építs és utána a html-t és a css-t.

2022. márc. 25. 21:10

Hasznos számodra ez a válasz?

10/16 A kérdező kommentje:

Őszíntén, idén kezdtem el a programozással foglalkozni. Bootstrapet kb 2 órán vettem de akkor is csak navbar volt és nem raktuk össze CSS-sel. A CSS-t is alig vettük. Így nem is tudhattam hogy bootstrapel kelett volna kezdenem. Mindenesetre köszönöm a segítséget.

2022. márc. 25. 21:17

1 2 ❯

Kapcsolódó kérdések:

Bootstrap használata hogyan?

Hogyha van egy ingyenesen letölthető és használható Bootstrap template, mit jelent annál az MIT licensz?

Bootstrap 4 segítség. Hogyan alakítsam át a kódot?

Hol rontottam el, ha még bootstrappel sem lett reszponzív az oldal?

Bootstrap datepicker beforeShowDay Foglalt időpontokat (database) hogyan tudom disabled-é tenni?

Bootstrap datepicker. Hogyan tudom azt megoldani, hogy múltbeli időpontban ne lehessen foglalni, illetve vasárnap és hétfőn se lehessen?

Számítástechnika főkategória kérdései »

Számítástechnika - Egyéb kérdések kategória kérdései »

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!