Ich benutze Bootstrap zum Erstellen einer Website. Ich brauche einen einzelnen Abschnitt, der an anderer Stelle in der mobilen Ansicht verwendet werden soll, aber keinen doppelten Code.Wie bringe ich einen bestimmten Abschnitt in der Webseite zur mobilen Ansicht
können Sie Anzeige der Seite in einer anderen plase mit diferente Breite mit CSS style.like Code unten ein:
@media nur Bildschirm und (max-width: 1100px) {...} Ihre Stile
@media nur Bildschirm und (max-width: 843px) {...} Ihre Stile
(function($) {
var $window = $(window),
$html = $('html');
$window.resize(function resize() {
if ($window.width() < 514) {
return $html.addClass('mobile');
}
$html.removeClass('mobile');
}).trigger('resize');
})(jQuery);html {
background: white;
color: red;
font-size: 1.4em;
}
html.mobile {
background: blue;
color: white;
font-size: 1em;
}
Like that you can add section according to screen size.<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>I am text.</>
, wenn Sie nicht wollen, Code duplizieren, Dann können Sie das mit jQuery definitiv erreichen. Sie können Ihren Link dort teilen, wo Sie mit diesem Problem konfrontiert sind. –
@Shilpa Gupta Kannst du deinen Code hier sonst setzen, um plumber dafür zu schaffen? – Dixit
ok dhruv ich danke dir .. –